@pelatform/starter 0.1.6 → 0.1.7

package/dist/index.js

@@ -483,13 +483,12 @@ var useLayout = () => {
 // src/hooks/use-onsuccess-transition.ts
 import { useCallback, useEffect, useState, useTransition } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
-import { REDIRECT_QUERY_PARAM } from "@pelatform/utils";
 function useOnSuccessTransition(redirectToProp) {
   const { auth } = useConfig();
   const router = useRouter();
   const searchParams = useSearchParams();
   const { refetch: refetchSession } = useSession();
-  const redirectTo = redirectToProp || searchParams?.get(REDIRECT_QUERY_PARAM) || auth.redirectAfterSignIn;
+  const redirectTo = redirectToProp || searchParams?.get("redirectTo") || auth.redirectAfterSignIn;
   const [isPending, startTransition] = useTransition();
   const [success, setSuccess] = useState(false);
   useEffect(() => {
@@ -541,12 +540,13 @@ function useInvitation(params, options) {
 // src/ui/account/dialogs/backup-codes.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { useTranslations as useTranslations2 } from "next-intl";
+import { cn as cn2 } from "pelatform-ui";
 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
 import { useTranslations } from "next-intl";
+import { cn } from "pelatform-ui";
 import {
   Button,
   Dialog,
@@ -556,7 +556,6 @@ import {
   DialogHeader,
   DialogTitle
 } from "pelatform-ui/default";
-import { cn } from "@pelatform/utils";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function DialogComponent({
   children,
@@ -677,6 +676,9 @@ function BackupCodesDialog({
 import { useRouter as useRouter2 } from "next/navigation";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations5 } from "next-intl";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { cn as cn6 } from "pelatform-ui";
 import { AlertToast } from "pelatform-ui/components";
 import {
   Button as Button4,
@@ -689,15 +691,12 @@ import {
   FormMessage,
   Spinner
 } 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 { cn as cn3 } from "pelatform-ui";
 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({
   className,
@@ -750,15 +749,15 @@ function PasswordInput({
 // src/ui/shared/view.tsx
 import { KeyRoundIcon } from "lucide-react";
 import { useLocale, useTranslations as useTranslations4 } from "next-intl";
+import { cn as cn5 } from "pelatform-ui";
 import { Skeleton as Skeleton2 } from "pelatform-ui/default";
-import { cn as cn5 } from "@pelatform/utils";
 
 // src/ui/shared/avatar.tsx
 import { BuildingIcon, UserRoundIcon } from "lucide-react";
 import { useTranslations as useTranslations3 } from "next-intl";
+import { cn as cn4 } from "pelatform-ui";
 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) {
   return size === "sm" ? "size-6" : size === "lg" ? "size-10" : "size-8";
@@ -1148,8 +1147,8 @@ function DeleteAccountDialog({
 // src/ui/account/dialogs/session-freshness.tsx
 import { useRouter as useRouter3 } from "next/navigation";
 import { useTranslations as useTranslations6 } from "next-intl";
+import { cn as cn7 } from "pelatform-ui";
 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({
   classNames,
@@ -1192,6 +1191,9 @@ 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 { useForm as useForm2 } from "react-hook-form";
+import { z as z2 } from "zod";
+import { cn as cn8 } from "pelatform-ui";
 import { AlertToast as AlertToast2 } from "pelatform-ui/components";
 import {
   Button as Button6,
@@ -1203,9 +1205,6 @@ import {
   FormMessage as FormMessage2,
   Spinner as Spinner2
 } 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({
   classNames,
@@ -1352,9 +1351,9 @@ 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 "react-hook-form";
-import { cn as cn9 } from "@pelatform/utils";
+import { cn as cn9 } from "pelatform-ui";
+import { Button as Button7, Card as Card2, CardContent, CardFooter, Skeleton as Skeleton3, Spinner as Spinner3 } from "pelatform-ui/default";
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function CardComponent({
   children,
@@ -1701,6 +1700,9 @@ function FormAvatarCard({
 import { useState as useState6 } from "react";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations10 } from "next-intl";
+import { useForm as useForm3 } from "react-hook-form";
+import { z as z3 } from "zod";
+import { cn as cn10 } from "pelatform-ui";
 import { AlertToast as AlertToast4 } from "pelatform-ui/components";
 import {
   Form as Form3,
@@ -1711,9 +1713,6 @@ import {
   Input as Input2,
   Skeleton as Skeleton4
 } 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 }) {
   const { authClient, auth } = useConfig();
@@ -1834,6 +1833,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 { useForm as useForm4 } from "react-hook-form";
+import { z as z4 } from "zod";
+import { cn as cn11 } from "pelatform-ui";
 import { AlertToast as AlertToast5 } from "pelatform-ui/components";
 import {
   Checkbox,
@@ -1847,9 +1849,6 @@ import {
   Skeleton as Skeleton5,
   Textarea
 } 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({
   className,
@@ -2034,6 +2033,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 { useForm as useForm5 } from "react-hook-form";
+import { z as z5 } from "zod";
+import { cn as cn13 } from "pelatform-ui";
 import { AlertToast as AlertToast6 } from "pelatform-ui/components";
 import {
   Form as Form5,
@@ -2043,13 +2045,10 @@ import {
   FormLabel as FormLabel4,
   FormMessage as FormMessage5
 } 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 { cn as cn12 } from "pelatform-ui";
 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 }) {
   return /* @__PURE__ */ jsxs13(Card3, { className: cn12("flex-row items-center gap-3 px-4 py-3", classNames?.cell), children: [
@@ -2273,6 +2272,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 { cn as cn14 } from "pelatform-ui";
 import { AlertToast as AlertToast7 } from "pelatform-ui/components";
 import {
   Button as Button9,
@@ -2283,7 +2283,6 @@ import {
   DropdownMenuTrigger as DropdownMenuTrigger2,
   Spinner as Spinner4
 } 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 }) {
   const { path } = useConfig();
@@ -2425,10 +2424,10 @@ function MultiAccountCell({
 import { useState as useState8 } from "react";
 import { FingerprintIcon } from "lucide-react";
 import { useTranslations as useTranslations16 } from "next-intl";
+import { useForm as useForm6 } from "react-hook-form";
+import { cn as cn15 } from "pelatform-ui";
 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 }) {
   const { authClient, auth } = useConfig();
@@ -2551,9 +2550,9 @@ function PasskeyCell({
 // src/ui/account/partials/providers.tsx
 import { useState as useState9 } from "react";
 import { useTranslations as useTranslations17 } from "next-intl";
+import { cn as cn16 } from "pelatform-ui";
 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({
   className,
@@ -2682,10 +2681,10 @@ 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 { UAParser } from "ua-parser-js";
+import { cn as cn17 } from "pelatform-ui";
 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 { cn as cn17 } from "@pelatform/utils";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function SessionsCard({ className, classNames, ...props }) {
   const t = useTranslations18();
@@ -2806,7 +2805,7 @@ function TwoFactorCard({ className, classNames, ...props }) {
 }
 
 // src/ui/account/security.tsx
-import { cn as cn18 } from "@pelatform/utils";
+import { cn as cn18 } from "pelatform-ui";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function SecurityCards({
   className,
@@ -2853,12 +2852,13 @@ function SecurityCards({
 
 // src/ui/account/settings.tsx
 import { useTranslations as useTranslations21 } from "next-intl";
-import { cn as cn20 } from "@pelatform/utils";
+import { cn as cn20 } from "pelatform-ui";
 
 // src/ui/shared/display-id.tsx
 import { useRef as useRef2 } from "react";
 import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon2 } from "lucide-react";
 import { useTranslations as useTranslations20 } from "next-intl";
+import { cn as cn19 } from "pelatform-ui";
 import {
   Button as Button13,
   Input as Input4,
@@ -2869,7 +2869,6 @@ import {
   TooltipTrigger
 } 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({
   className,
@@ -2949,12 +2948,15 @@ function SettingsCards({
 // src/ui/apikeys/apikeys.tsx
 import { useMemo as useMemo2, useState as useState13 } from "react";
 import { useTranslations as useTranslations25 } from "next-intl";
+import { cn as cn24 } from "pelatform-ui";
 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 { useForm as useForm7 } from "react-hook-form";
+import { z as z6 } from "zod";
+import { cn as cn21 } from "pelatform-ui";
 import { AlertToast as AlertToast11 } from "pelatform-ui/components";
 import {
   Button as Button14,
@@ -2972,9 +2974,6 @@ import {
   SelectValue,
   Spinner as Spinner8
 } 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({
   classNames,
@@ -3113,9 +3112,9 @@ function CreateApiKeyDialog({
 // src/ui/apikeys/delete-apikey.tsx
 import { useState as useState12 } from "react";
 import { useTranslations as useTranslations23 } from "next-intl";
+import { cn as cn22 } from "pelatform-ui";
 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({
   classNames,
@@ -3175,9 +3174,9 @@ 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 { cn as cn23 } from "pelatform-ui";
 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({
   classNames,
@@ -3339,13 +3338,13 @@ function ApiKeyCell({
 import { useRouter as useRouter7 } from "next/navigation";
 import { LockIcon, MailIcon } from "lucide-react";
 import { useTranslations as useTranslations27 } from "next-intl";
+import { cn as cn26 } from "pelatform-ui";
 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 { cn as cn25 } from "pelatform-ui";
 import { Badge } from "pelatform-ui/default";
-import { cn as cn25 } from "@pelatform/utils";
 import { jsx as jsx31 } from "react/jsx-runtime";
 function LastUsedButton({
   className,
@@ -3406,8 +3405,8 @@ 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 { cn as cn27 } from "pelatform-ui";
 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 }) {
   const { path } = useConfig();
@@ -3475,9 +3474,9 @@ 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 { cn as cn28 } from "pelatform-ui";
 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({
   className,
@@ -3541,9 +3540,9 @@ function PasskeyButton({
 // src/ui/auth/partials/provider-button.tsx
 import { useSearchParams as useSearchParams2 } from "next/navigation";
 import { useTranslations as useTranslations31 } from "next-intl";
+import { cn as cn29, REDIRECT_QUERY_PARAM } from "pelatform-ui";
 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({
   className,
@@ -3561,7 +3560,7 @@ function ProviderButton({
     try {
       await authClient.signIn.social({
         provider: provider.provider,
-        callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM2)}`,
+        callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM)}`,
         fetchOptions: { throw: true }
       });
     } catch (error) {
@@ -3603,228 +3602,31 @@ 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 useEffect4, useRef as useRef4 } from "react";
-import { Spinner as Spinner11 } from "pelatform-ui/default";
-import { jsx as jsx37 } from "react/jsx-runtime";
+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";
 function AuthCallback({ redirectTo }) {
   const { onSuccess } = useOnSuccessTransition(redirectTo);
   const isRedirecting = useRef4(false);
-  useEffect4(() => {
+  useEffect3(() => {
     if (isRedirecting.current) return;
     isRedirecting.current = true;
     onSuccess();
   }, [onSuccess]);
-  return /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx37(Spinner11, { className: "size-12" }) });
+  return /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx36(Spinner10, { className: "size-12" }) });
 }
 
 // src/ui/auth/email-otp.tsx
-import { useEffect as useEffect5, useState as useState15 } from "react";
+import { useEffect as useEffect4, useState as useState14 } 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 { useTranslations as useTranslations32 } from "next-intl";
+import { useForm as useForm8 } from "react-hook-form";
+import { z as z7 } from "zod";
+import { cn as cn30 } from "pelatform-ui";
+import { AlertToast as AlertToast16 } from "pelatform-ui/components";
 import {
-  Button as Button23,
+  Button as Button22,
   Form as Form8,
   FormControl as FormControl7,
   FormField as FormField7,
@@ -3833,67 +3635,64 @@ import {
   FormMessage as FormMessage7,
   Input as Input6,
   InputOTP,
-  Spinner as Spinner12
+  Spinner as Spinner11
 } 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 jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 function OTPInputGroup({ otpSeparators = 0 }) {
   if (otpSeparators === 0) {
-    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 })
+    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 })
     ] });
   }
   if (otpSeparators === 1) {
-    return /* @__PURE__ */ jsxs32(Fragment14, { children: [
-      /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
-        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 0 }),
-        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 1 }),
-        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 2 })
+    return /* @__PURE__ */ jsxs31(Fragment14, { children: [
+      /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
+        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 0 }),
+        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 1 }),
+        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 2 })
       ] }),
-      /* @__PURE__ */ jsx38(InputOTPSeparator, {}),
-      /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
-        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 3 }),
-        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 4 }),
-        /* @__PURE__ */ jsx38(InputOTPSlot, { index: 5 })
+      /* @__PURE__ */ jsx37(InputOTPSeparator, {}),
+      /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
+        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 3 }),
+        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 4 }),
+        /* @__PURE__ */ jsx37(InputOTPSlot, { index: 5 })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs32(Fragment14, { children: [
-    /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 0 }),
-      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 1 })
+  return /* @__PURE__ */ jsxs31(Fragment14, { children: [
+    /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 0 }),
+      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 1 })
     ] }),
-    /* @__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: 2 }),
+      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 3 })
     ] }),
-    /* @__PURE__ */ jsx38(InputOTPSeparator, {}),
-    /* @__PURE__ */ jsxs32(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 4 }),
-      /* @__PURE__ */ jsx38(InputOTPSlot, { index: 5 })
+    /* @__PURE__ */ jsx37(InputOTPSeparator, {}),
+    /* @__PURE__ */ jsxs31(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 4 }),
+      /* @__PURE__ */ jsx37(InputOTPSlot, { index: 5 })
     ] })
   ] });
 }
 
 // src/ui/auth/email-otp.tsx
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function EmailOTPForm(props) {
-  const [email, setEmail] = useState15();
+  const [email, setEmail] = useState14();
   if (!email) {
-    return /* @__PURE__ */ jsx39(EmailForm, { ...props, setEmail });
+    return /* @__PURE__ */ jsx38(EmailForm, { ...props, setEmail });
   }
-  return /* @__PURE__ */ jsx39(OTPForm, { ...props, email });
+  return /* @__PURE__ */ jsx38(OTPForm, { ...props, email });
 }
 function EmailForm({
   className,
@@ -3903,7 +3702,7 @@ function EmailForm({
   setEmail
 }) {
   const { authClient } = useConfig();
-  const t = useTranslations33();
+  const t = useTranslations32();
   const formSchema = z7.object({
     email: z7.email({
       error: `${t("systems.EMAIL")} ${t("systems.IS_INVALID")}`
@@ -3916,7 +3715,7 @@ function EmailForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect5(() => {
+  useEffect4(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function onSubmit({ email }) {
@@ -3926,29 +3725,29 @@ function EmailForm({
         type: "sign-in",
         fetchOptions: { throw: true }
       });
-      AlertToast17({ message: t("systems.EMAIL_OTP_VERIFICATION_SENT") });
+      AlertToast16({ message: t("systems.EMAIL_OTP_VERIFICATION_SENT") });
       setEmail(email);
     } catch (error) {
-      AlertToast17({
+      AlertToast16({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
     }
   }
-  return /* @__PURE__ */ jsx39(Form8, { ...form, children: /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsx38(Form8, { ...form, children: /* @__PURE__ */ jsxs32(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn31("grid w-full gap-6", className, classNames?.base),
+      className: cn30("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx38(
           FormField7,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem7, { children: [
-              /* @__PURE__ */ jsx39(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx39(FormControl7, { children: /* @__PURE__ */ jsx39(
+            render: ({ field }) => /* @__PURE__ */ jsxs32(FormItem7, { children: [
+              /* @__PURE__ */ jsx38(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx38(FormControl7, { children: /* @__PURE__ */ jsx38(
                 Input6,
                 {
                   type: "email",
@@ -3959,17 +3758,17 @@ function EmailForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx39(FormMessage7, { className: classNames?.error })
+              /* @__PURE__ */ jsx38(FormMessage7, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx39(
-          Button23,
+        /* @__PURE__ */ jsx38(
+          Button22,
           {
             type: "submit",
-            className: cn31("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn30("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx39(Spinner12, {}) : t("systems.EMAIL_OTP_SEND_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx38(Spinner11, {}) : t("systems.EMAIL_OTP_SEND_ACTION")
           }
         )
       ]
@@ -3986,7 +3785,7 @@ function OTPForm({
   email
 }) {
   const { authClient } = useConfig();
-  const t = useTranslations33();
+  const t = useTranslations32();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectTo);
   const formSchema = z7.object({
     code: z7.string().min(1, {
@@ -4002,7 +3801,7 @@ function OTPForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect5(() => {
+  useEffect4(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
   async function onSubmit({ code }) {
@@ -4014,27 +3813,27 @@ function OTPForm({
       });
       await onSuccess();
     } catch (error) {
-      AlertToast17({
+      AlertToast16({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx39(Form8, { ...form, children: /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsx38(Form8, { ...form, children: /* @__PURE__ */ jsxs32(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn31("grid w-full gap-6", className, classNames?.base),
+      className: cn30("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx38(
           FormField7,
           {
             control: form.control,
             name: "code",
-            render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem7, { children: [
-              /* @__PURE__ */ jsx39(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL_OTP") }),
-              /* @__PURE__ */ jsx39(FormControl7, { children: /* @__PURE__ */ jsx39(
+            render: ({ field }) => /* @__PURE__ */ jsxs32(FormItem7, { children: [
+              /* @__PURE__ */ jsx38(FormLabel6, { className: classNames?.label, children: t("systems.EMAIL_OTP") }),
+              /* @__PURE__ */ jsx38(FormControl7, { children: /* @__PURE__ */ jsx38(
                 InputOTP,
                 {
                   ...field,
@@ -4048,20 +3847,20 @@ function OTPForm({
                   containerClassName: classNames?.otpInputContainer,
                   className: classNames?.otpInput,
                   disabled: submitting,
-                  children: /* @__PURE__ */ jsx39(OTPInputGroup, { otpSeparators })
+                  children: /* @__PURE__ */ jsx38(OTPInputGroup, { otpSeparators })
                 }
               ) }),
-              /* @__PURE__ */ jsx39(FormMessage7, { className: classNames?.error })
+              /* @__PURE__ */ jsx38(FormMessage7, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx39(
-          Button23,
+        /* @__PURE__ */ jsx38(
+          Button22,
           {
             type: "submit",
-            className: cn31("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn30("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx39(Spinner12, {}) : t("systems.EMAIL_OTP_VERIFY_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx38(Spinner11, {}) : t("systems.EMAIL_OTP_VERIFY_ACTION")
           }
         )
       ]
@@ -4070,13 +3869,16 @@ function OTPForm({
 }
 
 // src/ui/auth/forgot-password.tsx
-import { useEffect as useEffect6 } from "react";
-import { useRouter as useRouter10 } from "next/navigation";
+import { useEffect as useEffect5 } from "react";
+import { useRouter as useRouter9 } 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 { useTranslations as useTranslations33 } from "next-intl";
+import { useForm as useForm9 } from "react-hook-form";
+import { z as z8 } from "zod";
+import { cn as cn31 } from "pelatform-ui";
+import { AlertToast as AlertToast17 } from "pelatform-ui/components";
 import {
-  Button as Button24,
+  Button as Button23,
   Form as Form9,
   FormControl as FormControl8,
   FormField as FormField8,
@@ -4084,12 +3886,9 @@ import {
   FormLabel as FormLabel7,
   FormMessage as FormMessage8,
   Input as Input7,
-  Spinner as Spinner13
+  Spinner as Spinner12
 } 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";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function ForgotPasswordForm({
   className,
   classNames,
@@ -4097,8 +3896,8 @@ function ForgotPasswordForm({
   setIsSubmitting
 }) {
   const { authClient, app, path } = useConfig();
-  const router = useRouter10();
-  const t = useTranslations34();
+  const router = useRouter9();
+  const t = useTranslations33();
   const formSchema = z8.object({
     email: z8.email({
       error: `${t("systems.EMAIL")} ${t("systems.IS_INVALID")}`
@@ -4111,7 +3910,7 @@ function ForgotPasswordForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect6(() => {
+  useEffect5(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function onSubmit({ email }) {
@@ -4121,31 +3920,31 @@ function ForgotPasswordForm({
         redirectTo: `${app.url}${path.auth.RESET_PASSWORD}`,
         fetchOptions: { throw: true }
       });
-      AlertToast18({
+      AlertToast17({
         message: t("systems.FORGOT_PASSWORD_EMAIL")
       });
       router.push(`${path.auth.SIGN_IN}${window.location.search}`);
     } catch (error) {
-      AlertToast18({
+      AlertToast17({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
     }
   }
-  return /* @__PURE__ */ jsx40(Form9, { ...form, children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsx39(Form9, { ...form, children: /* @__PURE__ */ jsxs33(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn32("grid w-full gap-6", className, classNames?.base),
+      className: cn31("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx39(
           FormField8,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs34(FormItem8, { children: [
-              /* @__PURE__ */ jsx40(FormLabel7, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx40(FormControl8, { children: /* @__PURE__ */ jsx40(
+            render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem8, { children: [
+              /* @__PURE__ */ jsx39(FormLabel7, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx39(FormControl8, { children: /* @__PURE__ */ jsx39(
                 Input7,
                 {
                   type: "email",
@@ -4156,17 +3955,17 @@ function ForgotPasswordForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx40(FormMessage8, { className: classNames?.error })
+              /* @__PURE__ */ jsx39(FormMessage8, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx40(
-          Button24,
+        /* @__PURE__ */ jsx39(
+          Button23,
           {
             type: "submit",
-            className: cn32("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn31("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx40(Spinner13, {}) : t("systems.FORGOT_PASSWORD_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx39(Spinner12, {}) : t("systems.FORGOT_PASSWORD_ACTION")
           }
         )
       ]
@@ -4175,13 +3974,16 @@ function ForgotPasswordForm({
 }
 
 // src/ui/auth/magic-link.tsx
-import { useEffect as useEffect7 } from "react";
-import { useSearchParams as useSearchParams4 } from "next/navigation";
+import { useEffect as useEffect6 } from "react";
+import { useSearchParams as useSearchParams3 } 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 { useTranslations as useTranslations34 } from "next-intl";
+import { useForm as useForm10 } from "react-hook-form";
+import { z as z9 } from "zod";
+import { cn as cn32, REDIRECT_QUERY_PARAM as REDIRECT_QUERY_PARAM2 } from "pelatform-ui";
+import { AlertToast as AlertToast18 } from "pelatform-ui/components";
 import {
-  Button as Button25,
+  Button as Button24,
   Form as Form10,
   FormControl as FormControl9,
   FormField as FormField9,
@@ -4189,12 +3991,9 @@ import {
   FormLabel as FormLabel8,
   FormMessage as FormMessage9,
   Input as Input8,
-  Spinner as Spinner14
+  Spinner as Spinner13
 } 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";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function MagicLinkForm({
   className,
   classNames,
@@ -4202,8 +4001,8 @@ function MagicLinkForm({
   setIsSubmitting
 }) {
   const { authClient, app, path } = useConfig();
-  const searchParams = useSearchParams4();
-  const t = useTranslations35();
+  const searchParams = useSearchParams3();
+  const t = useTranslations34();
   const formSchema = z9.object({
     email: z9.email({
       error: `${t("systems.EMAIL")} ${t("systems.IS_INVALID")}`
@@ -4216,41 +4015,41 @@ function MagicLinkForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect7(() => {
+  useEffect6(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
   async function onSubmit({ email }) {
     try {
       await authClient.signIn.magicLink({
         email,
-        callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM3)}`,
+        callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM2)}`,
         fetchOptions: { throw: true }
       });
-      AlertToast19({
+      AlertToast18({
         message: t("systems.MAGIC_LINK_EMAIL")
       });
       form.reset();
     } catch (error) {
-      AlertToast19({
+      AlertToast18({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
     }
   }
-  return /* @__PURE__ */ jsx41(Form10, { ...form, children: /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx40(Form10, { ...form, children: /* @__PURE__ */ jsxs34(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn33("grid w-full gap-6", className, classNames?.base),
+      className: cn32("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx40(
           FormField9,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs35(FormItem9, { children: [
-              /* @__PURE__ */ jsx41(FormLabel8, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx41(FormControl9, { children: /* @__PURE__ */ jsx41(
+            render: ({ field }) => /* @__PURE__ */ jsxs34(FormItem9, { children: [
+              /* @__PURE__ */ jsx40(FormLabel8, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx40(FormControl9, { children: /* @__PURE__ */ jsx40(
                 Input8,
                 {
                   type: "email",
@@ -4261,17 +4060,17 @@ function MagicLinkForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx41(FormMessage9, { className: classNames?.error })
+              /* @__PURE__ */ jsx40(FormMessage9, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx41(
-          Button25,
+        /* @__PURE__ */ jsx40(
+          Button24,
           {
             type: "submit",
-            className: cn33("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn32("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx41(Spinner14, {}) : t("systems.MAGIC_LINK_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx40(Spinner13, {}) : t("systems.MAGIC_LINK_ACTION")
           }
         )
       ]
@@ -4280,12 +4079,15 @@ function MagicLinkForm({
 }
 
 // src/ui/auth/recover-account.tsx
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect7 } 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 { useTranslations as useTranslations35 } from "next-intl";
+import { useForm as useForm11 } from "react-hook-form";
+import { z as z10 } from "zod";
+import { cn as cn33 } from "pelatform-ui";
+import { AlertToast as AlertToast19 } from "pelatform-ui/components";
 import {
-  Button as Button26,
+  Button as Button25,
   Form as Form11,
   FormControl as FormControl10,
   FormField as FormField10,
@@ -4293,12 +4095,9 @@ import {
   FormLabel as FormLabel9,
   FormMessage as FormMessage10,
   Input as Input9,
-  Spinner as Spinner15
+  Spinner as Spinner14
 } 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";
+import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function RecoverAccountForm({
   className,
   classNames,
@@ -4307,7 +4106,7 @@ function RecoverAccountForm({
   setIsSubmitting
 }) {
   const { authClient } = useConfig();
-  const t = useTranslations36();
+  const t = useTranslations35();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectTo);
   const formSchema = z10.object({
     code: z10.string().min(1, { error: t("systems.BACKUP_CODE_REQUIRED") })
@@ -4319,7 +4118,7 @@ function RecoverAccountForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect8(() => {
+  useEffect7(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [setIsSubmitting, form.formState.isSubmitting, transitionPending]);
   async function onSubmit({ code }) {
@@ -4330,27 +4129,27 @@ function RecoverAccountForm({
       });
       await onSuccess();
     } catch (error) {
-      AlertToast20({
+      AlertToast19({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx42(Form11, { ...form, children: /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx41(Form11, { ...form, children: /* @__PURE__ */ jsxs35(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn34("grid w-full gap-6", className, classNames?.base),
+      className: cn33("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx41(
           FormField10,
           {
             control: form.control,
             name: "code",
-            render: ({ field }) => /* @__PURE__ */ jsxs36(FormItem10, { children: [
-              /* @__PURE__ */ jsx42(FormLabel9, { className: classNames?.label, children: t("systems.BACKUP_CODE") }),
-              /* @__PURE__ */ jsx42(FormControl10, { children: /* @__PURE__ */ jsx42(
+            render: ({ field }) => /* @__PURE__ */ jsxs35(FormItem10, { children: [
+              /* @__PURE__ */ jsx41(FormLabel9, { className: classNames?.label, children: t("systems.BACKUP_CODE") }),
+              /* @__PURE__ */ jsx41(FormControl10, { children: /* @__PURE__ */ jsx41(
                 Input9,
                 {
                   autoComplete: "off",
@@ -4360,17 +4159,17 @@ function RecoverAccountForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx42(FormMessage10, { className: classNames?.error })
+              /* @__PURE__ */ jsx41(FormMessage10, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx42(
-          Button26,
+        /* @__PURE__ */ jsx41(
+          Button25,
           {
             type: "submit",
-            className: cn34("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn33("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx42(Spinner15, {}) : t("systems.RECOVER_ACCOUNT_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx41(Spinner14, {}) : t("systems.RECOVER_ACCOUNT_ACTION")
           }
         )
       ]
@@ -4379,25 +4178,25 @@ function RecoverAccountForm({
 }
 
 // src/ui/auth/reset-password.tsx
-import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef5 } from "react";
-import { useRouter as useRouter11, useSearchParams as useSearchParams5 } from "next/navigation";
+import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef5 } from "react";
+import { useRouter as useRouter10, useSearchParams as useSearchParams4 } 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 { useTranslations as useTranslations36 } from "next-intl";
+import { useForm as useForm12 } from "react-hook-form";
+import { z as z11 } from "zod";
+import { cn as cn34 } from "pelatform-ui";
+import { AlertToast as AlertToast20 } from "pelatform-ui/components";
 import {
-  Button as Button27,
+  Button as Button26,
   Form as Form12,
   FormControl as FormControl11,
   FormField as FormField11,
   FormItem as FormItem11,
   FormLabel as FormLabel10,
   FormMessage as FormMessage11,
-  Spinner as Spinner16
+  Spinner as Spinner15
 } 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";
+import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function ResetPasswordForm({
   className,
   classNames,
@@ -4405,9 +4204,9 @@ function ResetPasswordForm({
   setIsSubmitting
 }) {
   const { authClient, path } = useConfig();
-  const router = useRouter11();
-  const searchParams = useSearchParams5();
-  const t = useTranslations37();
+  const router = useRouter10();
+  const searchParams = useSearchParams4();
+  const t = useTranslations36();
   const token = searchParams?.get("token");
   const tokenChecked = useRef5(false);
   const formSchema = useMemo3(
@@ -4428,14 +4227,14 @@ function ResetPasswordForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting;
-  useEffect9(() => {
+  useEffect8(() => {
     setIsSubmitting?.(form.formState.isSubmitting);
   }, [form.formState.isSubmitting, setIsSubmitting]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (tokenChecked.current) return;
     tokenChecked.current = true;
     if (!token || token === "INVALID_TOKEN") {
-      AlertToast21({
+      AlertToast20({
         message: t("systems.INVALID_TOKEN"),
         icon: "destructive"
       });
@@ -4444,7 +4243,7 @@ function ResetPasswordForm({
   }, [path.auth.SIGN_IN, router, t, token]);
   async function onSubmit({ newPassword }) {
     if (!token) {
-      AlertToast21({
+      AlertToast20({
         message: t("systems.INVALID_TOKEN"),
         icon: "destructive"
       });
@@ -4456,32 +4255,32 @@ function ResetPasswordForm({
         token,
         fetchOptions: { throw: true }
       });
-      AlertToast21({
+      AlertToast20({
         message: t("systems.RESET_PASSWORD_SUCCESS")
       });
       router.push(`${path.auth.SIGN_IN}${window.location.search}`);
     } catch (error) {
-      AlertToast21({
+      AlertToast20({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx43(Form12, { ...form, children: /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsx42(Form12, { ...form, children: /* @__PURE__ */ jsxs36(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn35("grid w-full gap-6", className, classNames?.base),
+      className: cn34("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx42(
           FormField11,
           {
             control: form.control,
             name: "newPassword",
-            render: ({ field }) => /* @__PURE__ */ jsxs37(FormItem11, { children: [
-              /* @__PURE__ */ jsx43(FormLabel10, { className: classNames?.label, children: t("systems.NEW_PASSWORD") }),
-              /* @__PURE__ */ jsx43(FormControl11, { children: /* @__PURE__ */ jsx43(
+            render: ({ field }) => /* @__PURE__ */ jsxs36(FormItem11, { children: [
+              /* @__PURE__ */ jsx42(FormLabel10, { className: classNames?.label, children: t("systems.NEW_PASSWORD") }),
+              /* @__PURE__ */ jsx42(FormControl11, { children: /* @__PURE__ */ jsx42(
                 PasswordInput,
                 {
                   autoComplete: "new-password",
@@ -4492,18 +4291,18 @@ function ResetPasswordForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx43(FormMessage11, { className: classNames?.error })
+              /* @__PURE__ */ jsx42(FormMessage11, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx42(
           FormField11,
           {
             control: form.control,
             name: "confirmPassword",
-            render: ({ field }) => /* @__PURE__ */ jsxs37(FormItem11, { children: [
-              /* @__PURE__ */ jsx43(FormLabel10, { className: classNames?.label, children: t("systems.CONFIRM_PASSWORD") }),
-              /* @__PURE__ */ jsx43(FormControl11, { children: /* @__PURE__ */ jsx43(
+            render: ({ field }) => /* @__PURE__ */ jsxs36(FormItem11, { children: [
+              /* @__PURE__ */ jsx42(FormLabel10, { className: classNames?.label, children: t("systems.CONFIRM_PASSWORD") }),
+              /* @__PURE__ */ jsx42(FormControl11, { children: /* @__PURE__ */ jsx42(
                 PasswordInput,
                 {
                   autoComplete: "new-password",
@@ -4514,17 +4313,17 @@ function ResetPasswordForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx43(FormMessage11, { className: classNames?.error })
+              /* @__PURE__ */ jsx42(FormMessage11, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx43(
-          Button27,
+        /* @__PURE__ */ jsx42(
+          Button26,
           {
             type: "submit",
-            className: cn35("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn34("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting || !token,
-            children: submitting ? /* @__PURE__ */ jsx43(Spinner16, {}) : t("systems.RESET_PASSWORD_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx42(Spinner15, {}) : t("systems.RESET_PASSWORD_ACTION")
           }
         )
       ]
@@ -4533,14 +4332,17 @@ function ResetPasswordForm({
 }
 
 // src/ui/auth/sign-in.tsx
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect9 } from "react";
 import Link from "next/link";
-import { useRouter as useRouter12 } from "next/navigation";
+import { useRouter as useRouter11 } 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 { useTranslations as useTranslations37 } from "next-intl";
+import { useForm as useForm13 } from "react-hook-form";
+import { z as z12 } from "zod";
+import { cn as cn35, validateEmail } from "pelatform-ui";
+import { AlertToast as AlertToast21 } from "pelatform-ui/components";
 import {
-  Button as Button28,
+  Button as Button27,
   Checkbox as Checkbox2,
   Form as Form13,
   FormControl as FormControl12,
@@ -4549,12 +4351,9 @@ import {
   FormLabel as FormLabel11,
   FormMessage as FormMessage12,
   Input as Input10,
-  Spinner as Spinner17
+  Spinner as Spinner16
 } 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";
+import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function SignInForm({
   className,
   classNames,
@@ -4563,8 +4362,8 @@ function SignInForm({
   setIsSubmitting
 }) {
   const { authClient, auth, path } = useConfig();
-  const t = useTranslations38();
-  const router = useRouter12();
+  const t = useTranslations37();
+  const router = useRouter11();
   const { onSuccess, isPending: transitionPending } = useOnSuccessTransition(redirectToProp);
   const usernameEnabled = auth.authentication.username;
   const formSchema = z12.object({
@@ -4585,7 +4384,7 @@ function SignInForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect10(() => {
+  useEffect9(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
   async function onSubmit({ email, password, rememberMe }) {
@@ -4613,27 +4412,27 @@ function SignInForm({
         await onSuccess();
       }
     } catch (error) {
-      AlertToast22({
+      AlertToast21({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.resetField("password");
     }
   }
-  return /* @__PURE__ */ jsx44(Form13, { ...form, children: /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsx43(Form13, { ...form, children: /* @__PURE__ */ jsxs37(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn36("grid w-full gap-6", className, classNames?.base),
+      className: cn35("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx43(
           FormField12,
           {
             control: form.control,
             name: "email",
-            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(
+            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(
                 Input10,
                 {
                   type: usernameEnabled ? "text" : "email",
@@ -4644,30 +4443,30 @@ function SignInForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx44(FormMessage12, { className: classNames?.error })
+              /* @__PURE__ */ jsx43(FormMessage12, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx43(
           FormField12,
           {
             control: form.control,
             name: "password",
-            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,
+            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,
                   {
                     mode: "link",
                     underline: "dashed",
                     size: "sm",
-                    className: cn36("px-0 text-foreground text-sm", classNames?.forgotPasswordLink),
+                    className: cn35("px-0 text-foreground text-sm", classNames?.forgotPasswordLink),
                     children: t("systems.FORGOT_PASSWORD_LINK")
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx44(FormControl12, { children: /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx43(FormControl12, { children: /* @__PURE__ */ jsx43(
                 PasswordInput,
                 {
                   autoComplete: "current-password",
@@ -4678,17 +4477,17 @@ function SignInForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx44(FormMessage12, { className: classNames?.error })
+              /* @__PURE__ */ jsx43(FormMessage12, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx43(
           FormField12,
           {
             control: form.control,
             name: "rememberMe",
-            render: ({ field }) => /* @__PURE__ */ jsx44(FormItem12, { children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ jsx44(FormControl12, { children: /* @__PURE__ */ jsx44(
+            render: ({ field }) => /* @__PURE__ */ jsx43(FormItem12, { children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx43(FormControl12, { children: /* @__PURE__ */ jsx43(
                 Checkbox2,
                 {
                   checked: field.value,
@@ -4696,18 +4495,18 @@ function SignInForm({
                   disabled: submitting
                 }
               ) }),
-              /* @__PURE__ */ jsx44(FormLabel11, { children: t("systems.REMEMBER_ME") })
+              /* @__PURE__ */ jsx43(FormLabel11, { children: t("systems.REMEMBER_ME") })
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsxs38(
-          Button28,
+        /* @__PURE__ */ jsxs37(
+          Button27,
           {
             type: "submit",
-            className: cn36("relative w-full", classNames?.button, classNames?.primaryButton),
+            className: cn35("relative w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
             children: [
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx43(
                 LastUsedButton,
                 {
                   className: classNames?.lastLoginMethod,
@@ -4715,7 +4514,7 @@ function SignInForm({
                   variant: "secondary"
                 }
               ),
-              submitting ? /* @__PURE__ */ jsx44(Spinner17, {}) : t("systems.SIGN_IN_ACTION")
+              submitting ? /* @__PURE__ */ jsx43(Spinner16, {}) : t("systems.SIGN_IN_ACTION")
             ]
           }
         )
@@ -4725,29 +4524,32 @@ function SignInForm({
 }
 
 // src/ui/auth/sign-out.tsx
-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";
+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";
 function SignOut({ redirectTo }) {
   const { authClient, auth } = useConfig();
   const { onSuccess } = useOnSuccessTransition(redirectTo || auth.redirectAfterLogout || "/");
   const signingOut = useRef6(false);
-  useEffect11(() => {
+  useEffect10(() => {
     if (signingOut.current) return;
     signingOut.current = true;
     authClient.signOut().finally(onSuccess);
   }, [authClient, onSuccess]);
-  return /* @__PURE__ */ jsx45("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx45(Spinner18, { className: "size-12" }) });
+  return /* @__PURE__ */ jsx44("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx44(Spinner17, { className: "size-12" }) });
 }
 
 // src/ui/auth/sign-up.tsx
-import { useEffect as useEffect12 } from "react";
-import { useRouter as useRouter13 } from "next/navigation";
+import { useEffect as useEffect11 } from "react";
+import { useRouter as useRouter12 } 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 { useTranslations as useTranslations38 } from "next-intl";
+import { useForm as useForm14 } from "react-hook-form";
+import { z as z13 } from "zod";
+import { cn as cn36 } from "pelatform-ui";
+import { AlertToast as AlertToast22 } from "pelatform-ui/components";
 import {
-  Button as Button29,
+  Button as Button28,
   Form as Form14,
   FormControl as FormControl13,
   FormField as FormField13,
@@ -4755,12 +4557,9 @@ import {
   FormLabel as FormLabel12,
   FormMessage as FormMessage13,
   Input as Input11,
-  Spinner as Spinner19
+  Spinner as Spinner18
 } 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";
+import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function SignUpForm({
   className,
   classNames,
@@ -4769,8 +4568,8 @@ function SignUpForm({
   setIsSubmitting
 }) {
   const { authClient, app, path } = useConfig();
-  const t = useTranslations39();
-  const router = useRouter13();
+  const t = useTranslations38();
+  const router = useRouter12();
   const {
     onSuccess,
     isPending: transitionPending,
@@ -4794,7 +4593,7 @@ function SignUpForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect12(() => {
+  useEffect11(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
   async function onSubmit({ name, email, password }) {
@@ -4809,33 +4608,33 @@ function SignUpForm({
       if ("token" in data && data.token) {
         await onSuccess();
       } else {
-        AlertToast23({
+        AlertToast22({
           message: t("systems.SIGN_UP_EMAIL")
         });
         router.push(`${path.auth.SIGN_IN}${window.location.search}`);
       }
     } catch (error) {
-      AlertToast23({
+      AlertToast22({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.resetField("password");
     }
   }
-  return /* @__PURE__ */ jsx46(Form14, { ...form, children: /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsx45(Form14, { ...form, children: /* @__PURE__ */ jsxs38(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn37("grid w-full gap-6", className, classNames?.base),
+      className: cn36("grid w-full gap-6", className, classNames?.base),
       children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx45(
           FormField13,
           {
             control: form.control,
             name: "name",
-            render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem13, { children: [
-              /* @__PURE__ */ jsx46(FormLabel12, { className: classNames?.label, children: t("systems.NAME") }),
-              /* @__PURE__ */ jsx46(FormControl13, { children: /* @__PURE__ */ jsx46(
+            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem13, { children: [
+              /* @__PURE__ */ jsx45(FormLabel12, { className: classNames?.label, children: t("systems.NAME") }),
+              /* @__PURE__ */ jsx45(FormControl13, { children: /* @__PURE__ */ jsx45(
                 Input11,
                 {
                   type: "text",
@@ -4846,18 +4645,18 @@ function SignUpForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx46(FormMessage13, { className: classNames?.error })
+              /* @__PURE__ */ jsx45(FormMessage13, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx45(
           FormField13,
           {
             control: form.control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem13, { children: [
-              /* @__PURE__ */ jsx46(FormLabel12, { className: classNames?.label, children: t("systems.EMAIL") }),
-              /* @__PURE__ */ jsx46(FormControl13, { children: /* @__PURE__ */ jsx46(
+            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem13, { children: [
+              /* @__PURE__ */ jsx45(FormLabel12, { className: classNames?.label, children: t("systems.EMAIL") }),
+              /* @__PURE__ */ jsx45(FormControl13, { children: /* @__PURE__ */ jsx45(
                 Input11,
                 {
                   type: "email",
@@ -4868,18 +4667,18 @@ function SignUpForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx46(FormMessage13, { className: classNames?.error })
+              /* @__PURE__ */ jsx45(FormMessage13, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx45(
           FormField13,
           {
             control: form.control,
             name: "password",
-            render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem13, { children: [
-              /* @__PURE__ */ jsx46(FormLabel12, { className: classNames?.label, children: t("systems.PASSWORD") }),
-              /* @__PURE__ */ jsx46(FormControl13, { children: /* @__PURE__ */ jsx46(
+            render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem13, { children: [
+              /* @__PURE__ */ jsx45(FormLabel12, { className: classNames?.label, children: t("systems.PASSWORD") }),
+              /* @__PURE__ */ jsx45(FormControl13, { children: /* @__PURE__ */ jsx45(
                 PasswordInput,
                 {
                   autoComplete: "new-password",
@@ -4890,17 +4689,17 @@ function SignUpForm({
                   ...field
                 }
               ) }),
-              /* @__PURE__ */ jsx46(FormMessage13, { className: classNames?.error })
+              /* @__PURE__ */ jsx45(FormMessage13, { className: classNames?.error })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx46(
-          Button29,
+        /* @__PURE__ */ jsx45(
+          Button28,
           {
             type: "submit",
-            className: cn37("w-full", classNames?.button, classNames?.primaryButton),
+            className: cn36("w-full", classNames?.button, classNames?.primaryButton),
             disabled: submitting,
-            children: submitting ? /* @__PURE__ */ jsx46(Spinner19, {}) : t("systems.SIGN_UP_ACTION")
+            children: submitting ? /* @__PURE__ */ jsx45(Spinner18, {}) : t("systems.SIGN_UP_ACTION")
           }
         )
       ]
@@ -4909,15 +4708,19 @@ function SignUpForm({
 }
 
 // src/ui/auth/two-factor.tsx
-import { useCallback as useCallback2, useEffect as useEffect13, useMemo as useMemo4, useRef as useRef7, useState as useState16 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect12, useMemo as useMemo4, useRef as useRef7, useState as useState15 } from "react";
 import Link2 from "next/link";
-import { useSearchParams as useSearchParams6 } from "next/navigation";
+import { useSearchParams as useSearchParams5 } from "next/navigation";
 import { zodResolver as zodResolver14 } from "@hookform/resolvers/zod";
 import { QrCodeIcon, SendIcon } from "lucide-react";
-import { useTranslations as useTranslations40 } from "next-intl";
-import { AlertToast as AlertToast24 } from "pelatform-ui/components";
+import { useTranslations as useTranslations39 } from "next-intl";
+import QRCode from "qrcode";
+import { useForm as useForm15 } from "react-hook-form";
+import { z as z14 } from "zod";
+import { cn as cn37 } from "pelatform-ui";
+import { AlertToast as AlertToast23 } from "pelatform-ui/components";
 import {
-  Button as Button30,
+  Button as Button29,
   Checkbox as Checkbox3,
   Form as Form15,
   FormControl as FormControl14,
@@ -4927,13 +4730,9 @@ import {
   FormMessage as FormMessage14,
   InputOTP as InputOTP2,
   Label,
-  Spinner as Spinner20
+  Spinner as Spinner19
 } 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";
+import { Fragment as Fragment15, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function TwoFactorForm({
   className,
   classNames,
@@ -4943,16 +4742,16 @@ function TwoFactorForm({
   setIsSubmitting
 }) {
   const { authClient, path } = useConfig();
-  const searchParams = useSearchParams6();
-  const t = useTranslations40();
+  const searchParams = useSearchParams5();
+  const t = useTranslations39();
   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] = useState16("totp");
-  const [isSendingOtp, setIsSendingOtp] = useState16(false);
-  const [cooldownSeconds, setCooldownSeconds] = useState16(0);
+  const [method, setMethod] = useState15("totp");
+  const [isSendingOtp, setIsSendingOtp] = useState15(false);
+  const [cooldownSeconds, setCooldownSeconds] = useState15(0);
   const formSchema = z14.object({
     code: z14.string().min(1, {
       error: `${t("systems.ONE_TIME_PASSWORD")} ${t("systems.IS_REQUIRED")}`
@@ -4969,16 +4768,16 @@ function TwoFactorForm({
     }
   });
   const submitting = isSubmitting || form.formState.isSubmitting || transitionPending;
-  useEffect13(() => {
+  useEffect12(() => {
     setIsSubmitting?.(form.formState.isSubmitting || transitionPending);
   }, [form.formState.isSubmitting, setIsSubmitting, transitionPending]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (method === "otp" && cooldownSeconds <= 0 && !initialSendRef.current) {
       initialSendRef.current = true;
       sendOtp();
     }
   }, [method]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (cooldownSeconds <= 0) return;
     const timer = setTimeout(() => {
       setCooldownSeconds((prev) => prev - 1);
@@ -4994,7 +4793,7 @@ function TwoFactorForm({
       });
       setCooldownSeconds(60);
     } catch (error) {
-      AlertToast24({
+      AlertToast23({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
@@ -5015,47 +4814,47 @@ function TwoFactorForm({
       });
       await onSuccess();
       if (user && !isTwoFactorEnabled) {
-        AlertToast24({
+        AlertToast23({
           message: t("systems.TWO_FACTOR_ENABLED")
         });
       }
     } catch (error) {
-      AlertToast24({
+      AlertToast23({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
       form.reset();
     }
   }
-  return /* @__PURE__ */ jsx47(Form15, { ...form, children: /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsx46(Form15, { ...form, children: /* @__PURE__ */ jsxs39(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit),
-      className: cn38("grid w-full gap-6", className, classNames?.base),
+      className: cn37("grid w-full gap-6", className, classNames?.base),
       children: [
-        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 })
+        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 })
         ] }),
-        method !== null && /* @__PURE__ */ jsxs40(Fragment15, { children: [
-          /* @__PURE__ */ jsx47(
+        method !== null && /* @__PURE__ */ jsxs39(Fragment15, { children: [
+          /* @__PURE__ */ jsx46(
             FormField14,
             {
               control: form.control,
               name: "code",
-              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(
+              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(
                     Link2,
                     {
-                      className: cn38("text-sm hover:underline", classNames?.forgotPasswordLink),
+                      className: cn37("text-sm hover:underline", classNames?.forgotPasswordLink),
                       href: `${path.auth.RECOVER_ACCOUNT}${window.location.search}`,
                       children: t("systems.FORGOT_AUTHENTICATOR")
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx47(FormControl14, { children: /* @__PURE__ */ jsx47(
+                /* @__PURE__ */ jsx46(FormControl14, { children: /* @__PURE__ */ jsx46(
                   InputOTP2,
                   {
                     ...field,
@@ -5069,20 +4868,20 @@ function TwoFactorForm({
                     containerClassName: classNames?.otpInputContainer,
                     className: classNames?.otpInput,
                     disabled: submitting,
-                    children: /* @__PURE__ */ jsx47(OTPInputGroup, { otpSeparators })
+                    children: /* @__PURE__ */ jsx46(OTPInputGroup, { otpSeparators })
                   }
                 ) }),
-                /* @__PURE__ */ jsx47(FormMessage14, { className: classNames?.error })
+                /* @__PURE__ */ jsx46(FormMessage14, { className: classNames?.error })
               ] })
             }
           ),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx46(
             FormField14,
             {
               control: form.control,
               name: "trustDevice",
-              render: ({ field }) => /* @__PURE__ */ jsx47(FormItem14, { children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx47(FormControl14, { children: /* @__PURE__ */ jsx47(
+              render: ({ field }) => /* @__PURE__ */ jsx46(FormItem14, { children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx46(FormControl14, { children: /* @__PURE__ */ jsx46(
                   Checkbox3,
                   {
                     className: classNames?.checkbox,
@@ -5091,60 +4890,60 @@ function TwoFactorForm({
                     disabled: submitting
                   }
                 ) }),
-                /* @__PURE__ */ jsx47(FormLabel13, { className: classNames?.label, children: t("systems.TRUST_DEVICE") })
+                /* @__PURE__ */ jsx46(FormLabel13, { className: classNames?.label, children: t("systems.TRUST_DEVICE") })
               ] }) })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs40("div", { className: "grid gap-4", children: [
-          method !== null && /* @__PURE__ */ jsx47(
-            Button30,
+        /* @__PURE__ */ jsxs39("div", { className: "grid gap-4", children: [
+          method !== null && /* @__PURE__ */ jsx46(
+            Button29,
             {
               type: "submit",
-              className: cn38(classNames?.button, classNames?.primaryButton),
+              className: cn37(classNames?.button, classNames?.primaryButton),
               disabled: submitting,
-              children: submitting ? /* @__PURE__ */ jsx47(Spinner20, {}) : t("systems.TWO_FACTOR_ACTION")
+              children: submitting ? /* @__PURE__ */ jsx46(Spinner19, {}) : t("systems.TWO_FACTOR_ACTION")
             }
           ),
-          method === "otp" && /* @__PURE__ */ jsxs40(
-            Button30,
+          method === "otp" && /* @__PURE__ */ jsxs39(
+            Button29,
             {
               type: "button",
               variant: "outline",
-              className: cn38(classNames?.button, classNames?.outlineButton),
+              className: cn37(classNames?.button, classNames?.outlineButton),
               onClick: sendOtp,
               disabled: cooldownSeconds > 0 || isSendingOtp || submitting,
               children: [
-                isSendingOtp ? /* @__PURE__ */ jsx47(Spinner20, {}) : /* @__PURE__ */ jsx47(SendIcon, { className: classNames?.icon }),
+                isSendingOtp ? /* @__PURE__ */ jsx46(Spinner19, {}) : /* @__PURE__ */ jsx46(SendIcon, { className: classNames?.icon }),
                 t("systems.RESEND_CODE"),
                 cooldownSeconds > 0 && ` (${cooldownSeconds})`
               ]
             }
           ),
-          method !== "otp" && /* @__PURE__ */ jsxs40(
-            Button30,
+          method !== "otp" && /* @__PURE__ */ jsxs39(
+            Button29,
             {
               type: "button",
               variant: "secondary",
-              className: cn38(classNames?.button, classNames?.secondaryButton),
+              className: cn37(classNames?.button, classNames?.secondaryButton),
               onClick: () => setMethod("otp"),
               disabled: submitting,
               children: [
-                /* @__PURE__ */ jsx47(SendIcon, { className: classNames?.icon }),
+                /* @__PURE__ */ jsx46(SendIcon, { className: classNames?.icon }),
                 t("systems.SEND_VERIFICATION_CODE")
               ]
             }
           ),
-          method !== "totp" && /* @__PURE__ */ jsxs40(
-            Button30,
+          method !== "totp" && /* @__PURE__ */ jsxs39(
+            Button29,
             {
               type: "button",
               variant: "secondary",
-              className: cn38(classNames?.button, classNames?.secondaryButton),
+              className: cn37(classNames?.button, classNames?.secondaryButton),
               onClick: () => setMethod("totp"),
               disabled: submitting,
               children: [
-                /* @__PURE__ */ jsx47(QrCodeIcon, { className: classNames?.icon }),
+                /* @__PURE__ */ jsx46(QrCodeIcon, { className: classNames?.icon }),
                 t("systems.CONTINUE_WITH_AUTHENTICATOR")
               ]
             }
@@ -5161,12 +4960,12 @@ function QRCodeComponent({
   as = "svg",
   className
 }) {
-  const [src, setSrc] = useState16("");
+  const [src, setSrc] = useState15("");
   const opts = useMemo4(
     () => ({ errorCorrectionLevel: level, margin: 1, width: size }),
     [level, size]
   );
-  useEffect13(() => {
+  useEffect12(() => {
     let cancelled = false;
     if (as === "img") {
       QRCode.toDataURL(value, opts).then((url) => !cancelled && setSrc(url));
@@ -5181,36 +4980,36 @@ function QRCodeComponent({
   }, [value, opts, as]);
   if (!src) return null;
   if (as === "img") {
-    return /* @__PURE__ */ jsx47("img", { src, width: size, height: size, alt: "QR code", className });
+    return /* @__PURE__ */ jsx46("img", { src, width: size, height: size, alt: "QR code", className });
   }
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "span",
     {
-      className: cn38("block", className),
+      className: cn37("block", className),
       dangerouslySetInnerHTML: { __html: src }
     }
   );
 }
 
 // src/ui/auth/view.tsx
-import { useEffect as useEffect14, useState as useState17 } from "react";
+import { useEffect as useEffect13, useState as useState16 } from "react";
 import Link3 from "next/link";
-import { useRouter as useRouter14 } from "next/navigation";
+import { useRouter as useRouter13 } from "next/navigation";
 import { ArrowLeftIcon } from "lucide-react";
-import { useTranslations as useTranslations41 } from "next-intl";
+import { useTranslations as useTranslations40 } from "next-intl";
+import { cn as cn38 } from "pelatform-ui";
 import {
-  Button as Button31,
-  Card as Card11,
-  CardContent as CardContent3,
+  Button as Button30,
+  Card as Card10,
+  CardContent as CardContent2,
   CardDescription,
   CardFooter as CardFooter2,
-  CardHeader as CardHeader2,
+  CardHeader,
   CardHeading,
   CardTitle,
   Separator
 } 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";
+import { Fragment as Fragment16, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function getViewByPath(pathConfig, path) {
   if (!path) return null;
   const cleanPath = path.replace(/^\//, "").split("?")[0];
@@ -5234,7 +5033,7 @@ function AuthView({
   view: viewProp
 }) {
   const { auth, features, path: pathConfig } = useConfig();
-  const t = useTranslations41();
+  const t = useTranslations40();
   const auths = auth.authentication;
   let socialLayout = socialLayoutProp;
   if (socialLayout === "auto") {
@@ -5242,8 +5041,8 @@ function AuthView({
   }
   const currentPath = pathProp ?? pathname?.split("/").pop();
   const view = viewProp || getViewByPath(pathConfig.auth, currentPath) || "SIGN_IN";
-  const [isSubmitting, setIsSubmitting] = useState17(false);
-  useEffect14(() => {
+  const [isSubmitting, setIsSubmitting] = useState16(false);
+  useEffect13(() => {
     const handlePageHide = () => setIsSubmitting(false);
     window.addEventListener("pagehide", handlePageHide);
     return () => {
@@ -5251,12 +5050,9 @@ function AuthView({
       window.removeEventListener("pagehide", handlePageHide);
     };
   }, []);
-  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 _enableAcceptInvitation = enableAcceptInvitationProp ?? features.workspace;
+  if (view === "CALLBACK") return /* @__PURE__ */ jsx47(AuthCallback, { redirectTo });
+  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx47(SignOut, {});
   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 && [
@@ -5268,38 +5064,38 @@ function AuthView({
     "FORGOT_PASSWORD"
   ].includes(view);
   const showCredentials = auths.password || auths.magicLink || auths.emailOtp;
-  return /* @__PURE__ */ jsxs41(
-    Card11,
+  return /* @__PURE__ */ jsxs40(
+    Card10,
     {
-      className: cn39(
+      className: cn38(
         "w-full max-w-full border-0 bg-transparent p-0 shadow-none",
         className,
         classNames?.base
       ),
       children: [
-        /* @__PURE__ */ jsx48(
-          CardHeader2,
+        /* @__PURE__ */ jsx47(
+          CardHeader,
           {
-            className: cn39(
+            className: cn38(
               "justify-center space-y-1.5 border-0 py-4 pb-3 text-center",
               classNames?.header
             ),
-            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(
+            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(
                 CardDescription,
                 {
-                  className: cn39("text-muted-foreground text-sm", classNames?.description),
+                  className: cn38("text-muted-foreground text-sm", classNames?.description),
                   children: description
                 }
               )
             ] })
           }
         ),
-        /* @__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(
+        /* @__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(
               AuthForm,
               {
                 classNames: classNames?.form,
@@ -5312,22 +5108,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__ */ jsx48(MagicLinkButton, { classNames, view }),
+            ) || auths.emailOtp && view === "EMAIL_OTP") && /* @__PURE__ */ jsx47(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__ */ jsx48(EmailOTPButton, { classNames, view })
+            ) || auths.magicLink && ["SIGN_IN", "MAGIC_LINK"].includes(view)) && /* @__PURE__ */ jsx47(EmailOTPButton, { classNames, view })
           ] }),
-          (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) })
+          (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) })
             ] }),
-            /* @__PURE__ */ jsxs41("div", { className: "grid gap-4", children: [
-              showSocialProviders && /* @__PURE__ */ jsx48(
+            /* @__PURE__ */ jsxs40("div", { className: "grid gap-4", children: [
+              showSocialProviders && /* @__PURE__ */ jsx47(
                 "div",
                 {
-                  className: cn39(
+                  className: cn38(
                     "flex w-full items-center justify-between gap-4",
                     socialLayout === "horizontal" && "flex-wrap",
                     socialLayout === "vertical" && "flex-col",
@@ -5338,7 +5134,7 @@ function AuthView({
                       (socialProvider2) => socialProvider2.provider === provider
                     );
                     if (!socialProvider) return null;
-                    return /* @__PURE__ */ jsx48(
+                    return /* @__PURE__ */ jsx47(
                       ProviderButton,
                       {
                         classNames,
@@ -5353,50 +5149,50 @@ function AuthView({
                   })
                 }
               ),
-              showPasskey && /* @__PURE__ */ jsx48(PasskeyButton, { classNames, redirectTo })
+              showPasskey && /* @__PURE__ */ jsx47(PasskeyButton, { classNames, redirectTo })
             ] })
           ] })
         ] }),
-        auths.password && auth.enableSignup && /* @__PURE__ */ jsx48(
+        auths.password && auth.enableSignup && /* @__PURE__ */ jsx47(
           CardFooter2,
           {
-            className: cn39(
+            className: cn38(
               "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__ */ jsxs41(Fragment16, { children: [
+            children: view === "SIGN_IN" || view === "MAGIC_LINK" || view === "EMAIL_OTP" ? /* @__PURE__ */ jsxs40(Fragment16, { children: [
               t("systems.DONT_HAVE_AN_ACCOUNT"),
-              /* @__PURE__ */ jsx48(Link3, { href: `${pathConfig.auth.SIGN_UP}${window.location.search}`, children: /* @__PURE__ */ jsx48(
-                Button31,
+              /* @__PURE__ */ jsx47(Link3, { href: `${pathConfig.auth.SIGN_UP}${window.location.search}`, children: /* @__PURE__ */ jsx47(
+                Button30,
                 {
                   mode: "link",
                   underline: "dashed",
                   size: "sm",
-                  className: cn39("px-0 text-foreground", classNames?.footerLink),
+                  className: cn38("px-0 text-foreground", classNames?.footerLink),
                   children: t("systems.SIGN_UP")
                 }
               ) })
-            ] }) : view === "SIGN_UP" ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
+            ] }) : view === "SIGN_UP" ? /* @__PURE__ */ jsxs40(Fragment16, { children: [
               t("systems.ALREADY_HAVE_AN_ACCOUNT"),
-              /* @__PURE__ */ jsx48(Link3, { href: `${pathConfig.auth.SIGN_IN}${window.location.search}`, children: /* @__PURE__ */ jsx48(
-                Button31,
+              /* @__PURE__ */ jsx47(Link3, { href: `${pathConfig.auth.SIGN_IN}${window.location.search}`, children: /* @__PURE__ */ jsx47(
+                Button30,
                 {
                   mode: "link",
                   underline: "dashed",
                   size: "sm",
-                  className: cn39("px-0 text-foreground", classNames?.footerLink),
+                  className: cn38("px-0 text-foreground", classNames?.footerLink),
                   children: t("systems.SIGN_IN")
                 }
               ) })
-            ] }) : /* @__PURE__ */ jsxs41(Fragment16, { children: [
-              /* @__PURE__ */ jsx48(ArrowLeftIcon, { className: "size-3" }),
-              /* @__PURE__ */ jsx48(
-                Button31,
+            ] }) : /* @__PURE__ */ jsxs40(Fragment16, { children: [
+              /* @__PURE__ */ jsx47(ArrowLeftIcon, { className: "size-3" }),
+              /* @__PURE__ */ jsx47(
+                Button30,
                 {
                   mode: "link",
                   underline: "dashed",
                   size: "sm",
-                  className: cn39("px-0 text-foreground", classNames?.footerLink),
+                  className: cn38("px-0 text-foreground", classNames?.footerLink),
                   onClick: () => {
                     if (typeof window !== "undefined") {
                       window.history.back();
@@ -5423,10 +5219,10 @@ function AuthForm({
   view: viewProp
 }) {
   const { auth, path: pathConfig } = useConfig();
-  const router = useRouter14();
+  const router = useRouter13();
   const auths = auth.authentication;
   const view = viewProp || getViewByPath(pathConfig.auth, pathname) || "SIGN_IN";
-  useEffect14(() => {
+  useEffect13(() => {
     let isInvalidView = false;
     if (view === "MAGIC_LINK" && (!auths.magicLink || !auths.password && !auths.emailOtp)) {
       isInvalidView = true;
@@ -5458,10 +5254,10 @@ function AuthForm({
     pathConfig.auth.SIGN_IN,
     router
   ]);
-  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx48(SignOut, {});
-  if (view === "CALLBACK") return /* @__PURE__ */ jsx48(AuthCallback, { redirectTo });
+  if (view === "SIGN_OUT") return /* @__PURE__ */ jsx47(SignOut, {});
+  if (view === "CALLBACK") return /* @__PURE__ */ jsx47(AuthCallback, { redirectTo });
   if (view === "SIGN_IN") {
-    return auths.password ? /* @__PURE__ */ jsx48(
+    return auths.password ? /* @__PURE__ */ jsx47(
       SignInForm,
       {
         className,
@@ -5470,7 +5266,7 @@ function AuthForm({
         redirectTo,
         setIsSubmitting
       }
-    ) : auths.magicLink ? /* @__PURE__ */ jsx48(
+    ) : auths.magicLink ? /* @__PURE__ */ jsx47(
       MagicLinkForm,
       {
         className,
@@ -5478,7 +5274,7 @@ function AuthForm({
         isSubmitting,
         setIsSubmitting
       }
-    ) : auths.emailOtp ? /* @__PURE__ */ jsx48(
+    ) : auths.emailOtp ? /* @__PURE__ */ jsx47(
       EmailOTPForm,
       {
         className,
@@ -5490,7 +5286,7 @@ function AuthForm({
     ) : null;
   }
   if (view === "TWO_FACTOR") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       TwoFactorForm,
       {
         className,
@@ -5503,7 +5299,7 @@ function AuthForm({
     );
   }
   if (view === "RECOVER_ACCOUNT") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       RecoverAccountForm,
       {
         className,
@@ -5515,7 +5311,7 @@ function AuthForm({
     );
   }
   if (view === "MAGIC_LINK") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       MagicLinkForm,
       {
         className,
@@ -5526,7 +5322,7 @@ function AuthForm({
     );
   }
   if (view === "EMAIL_OTP") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       EmailOTPForm,
       {
         className,
@@ -5538,7 +5334,7 @@ function AuthForm({
     );
   }
   if (view === "FORGOT_PASSWORD") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       ForgotPasswordForm,
       {
         className,
@@ -5549,7 +5345,7 @@ function AuthForm({
     );
   }
   if (view === "RESET_PASSWORD") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       ResetPasswordForm,
       {
         className,
@@ -5560,7 +5356,7 @@ function AuthForm({
     );
   }
   if (view === "SIGN_UP") {
-    return auth.enableSignup ? /* @__PURE__ */ jsx48(
+    return auth.enableSignup ? /* @__PURE__ */ jsx47(
       SignUpForm,
       {
         className,
@@ -5575,75 +5371,57 @@ function AuthForm({
 }
 
 // src/ui/layouts/auth.tsx
-import Link6 from "next/link";
+import Link5 from "next/link";
 import { usePathname } from "next/navigation";
-import { useTranslations as useTranslations45 } from "next-intl";
+import { useTranslations as useTranslations43 } from "next-intl";
 import { LayoutBlank } from "pelatform-ui/components";
 
 // src/ui/shared/logo.tsx
 import Link4 from "next/link";
+import { cn as cn39 } from "pelatform-ui";
 import { Logo } from "pelatform-ui/components";
-import { cn as cn40 } from "@pelatform/utils";
-import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 function LogoWithName({ className }) {
   const { app } = useConfig();
-  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 })
+  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 })
   ] });
 }
 function LogoWithHref({ className, href = "/" }) {
   const { app } = useConfig();
-  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 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 = useTranslations42("customs.common.signed");
-  const { isPending, user } = useSession();
-  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__ */ 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__ */ 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") }) })
+  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 })
   ] });
 }
 
 // src/ui/layouts/loader.tsx
-import { useTranslations as useTranslations43 } from "next-intl";
+import { useTranslations as useTranslations41 } from "next-intl";
 import { ScreenLoader } from "pelatform-ui/components";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function LayoutLoader({ children }) {
-  const t = useTranslations43();
+  const t = useTranslations41();
   const { isPending } = useSession();
   if (isPending) {
-    return /* @__PURE__ */ jsx51(ScreenLoader, { loadingText: t("systems.common.status.loading") });
+    return /* @__PURE__ */ jsx49(ScreenLoader, { loadingText: t("systems.common.status.loading") });
   }
   return children;
 }
 
 // src/ui/layouts/toolbar.tsx
 import { Suspense } from "react";
+import { cn as cn40 } from "pelatform-ui";
 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 useRouter15 } from "next/navigation";
-import { useLocale as useLocale3, useTranslations as useTranslations44 } from "next-intl";
+import { useRouter as useRouter14 } from "next/navigation";
+import { useLocale as useLocale3, useTranslations as useTranslations42 } from "next-intl";
 import {
   LanguageSwitcher as LanguageSwitcherBase
 } from "pelatform-ui/components";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function LanguageSwitcher({
   className,
   type,
@@ -5653,8 +5431,8 @@ function LanguageSwitcher({
   showFlags
 }) {
   const { i18n } = useConfig();
-  const router = useRouter15();
-  const t = useTranslations44();
+  const router = useRouter14();
+  const t = useTranslations42();
   const currentLocale = useLocale3();
   const availableLocales = (() => {
     if (!i18n.enabled) {
@@ -5678,7 +5456,7 @@ function LanguageSwitcher({
     document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
     router.refresh();
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx50(
     LanguageSwitcherBase,
     {
       className,
@@ -5699,34 +5477,34 @@ function LanguageSwitcher({
 }
 
 // src/ui/layouts/toolbar.tsx
-import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 var DEFAULT_SHOW = ["darkmode"];
 function Toolbar(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 }) }) });
+  return /* @__PURE__ */ jsx51(Suspense, { fallback: null, children: /* @__PURE__ */ jsx51("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx51(ToolbarRSC, { ...props }) }) });
 }
 function ToolbarRSC({ show = DEFAULT_SHOW }) {
-  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" })
+  return /* @__PURE__ */ jsx51("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs42("div", { className: "shrink-0", children: [
+    show.includes("darkmode") && /* @__PURE__ */ jsx51(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("help") && /* @__PURE__ */ jsx51("div", { className: "hidden" }),
+    show.includes("language") && /* @__PURE__ */ jsx51(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("onboarding") && /* @__PURE__ */ jsx51("div", { className: "hidden" })
   ] }) });
 }
 
 // src/ui/layouts/auth.tsx
-import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 function AuthLayout({
   children,
-  logo = /* @__PURE__ */ jsx54(LogoWithName, {})
+  logo = /* @__PURE__ */ jsx52(LogoWithName, {})
 }) {
   const { app, path } = useConfig();
   const pathname = usePathname();
-  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: [
+  const t = useTranslations43();
+  const footer = /* @__PURE__ */ jsxs43("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
     t("customs.common.agree"),
     " ",
-    /* @__PURE__ */ jsx54(
-      Link6,
+    /* @__PURE__ */ jsx52(
+      Link5,
       {
         href: path.main.TERMS,
         target: "_blank",
@@ -5735,8 +5513,8 @@ function AuthLayout({
       }
     ),
     " ",
-    /* @__PURE__ */ jsx54(
-      Link6,
+    /* @__PURE__ */ jsx52(
+      Link5,
       {
         href: path.main.PRIVACY,
         target: "_blank",
@@ -5745,29 +5523,28 @@ function AuthLayout({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs45(LayoutLoader, { children: [
-    /* @__PURE__ */ jsx54(Toolbar, { show: ["language"], className: "top-0!" }),
-    /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs43(LayoutLoader, { children: [
+    /* @__PURE__ */ jsx52(Toolbar, { show: ["language"], className: "top-0!" }),
+    /* @__PURE__ */ jsx52(
       LayoutBlank,
       {
         className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
         logo,
         logoHref: app.url,
-        footer: pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK || pathname === path.auth.ACCEPT_INVITATION ? null : footer,
+        footer: pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
         children
       }
     ),
-    /* @__PURE__ */ jsx54(Toolbar, { show: ["darkmode"] }),
-    pathname === path.auth.ACCEPT_INVITATION && /* @__PURE__ */ jsx54(SignedInHint, { linkHref: path.auth.SIGN_IN })
+    /* @__PURE__ */ jsx52(Toolbar, { show: ["darkmode"] })
   ] });
 }
 
 // src/ui/layouts/header.tsx
-import { useEffect as useEffect16, useState as useState19 } from "react";
+import { useEffect as useEffect15, useState as useState18 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { Menu, PanelRight } from "lucide-react";
 import {
-  Button as Button33,
+  Button as Button31,
   Sheet,
   SheetBody,
   SheetContent,
@@ -5778,11 +5555,11 @@ import {
 } from "pelatform-ui/default";
 
 // src/ui/shared/user-menu.tsx
-import { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect15, useState as useState18 } from "react";
-import Link7 from "next/link";
-import { useRouter as useRouter16 } from "next/navigation";
+import { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect14, useState as useState17 } from "react";
+import Link6 from "next/link";
+import { useRouter as useRouter15 } from "next/navigation";
 import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
-import { useTranslations as useTranslations46 } from "next-intl";
+import { useTranslations as useTranslations44 } from "next-intl";
 import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
 import {
   Badge as Badge2,
@@ -5791,19 +5568,19 @@ import {
   DropdownMenuItem as DropdownMenuItem3,
   DropdownMenuSeparator,
   DropdownMenuTrigger as DropdownMenuTrigger3,
-  Skeleton as Skeleton10
+  Skeleton as Skeleton9
 } from "pelatform-ui/default";
-import { Fragment as Fragment18, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 function UserMenu({ hiddenSwitcher = false }) {
   const { features, path } = useConfig();
-  const router = useRouter16();
-  const t = useTranslations46();
+  const router = useRouter15();
+  const t = useTranslations44();
   const { isPending: sessionPending, user } = useSession();
   const { setActiveSessionAsync } = useSetActiveSession();
   const { data: deviceSessions, isPending: deviceSessionsPending } = useListDeviceSessions({
     enabled: features.multiSession
   });
-  const [activeSessionPending, setActiveSessionPending] = useState18(false);
+  const [activeSessionPending, setActiveSessionPending] = useState17(false);
   const isPending = sessionPending || activeSessionPending;
   const switchAccount = useCallback3(
     async (sessionToken) => {
@@ -5819,7 +5596,7 @@ function UserMenu({ hiddenSwitcher = false }) {
     },
     [router, setActiveSessionAsync]
   );
-  useEffect15(() => {
+  useEffect14(() => {
     if (!features.multiSession) return;
     setActiveSessionPending(false);
   }, [features.multiSession, user?.id]);
@@ -5830,33 +5607,33 @@ function UserMenu({ hiddenSwitcher = false }) {
   const userName = getName(user);
   const userAvatar = user?.image || void 0;
   const userRole = user?.role || "user";
-  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() })
+  return /* @__PURE__ */ jsxs44(DropdownMenu3, { children: [
+    /* @__PURE__ */ jsx53(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx53(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx53(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
+    /* @__PURE__ */ jsxs44(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
+      /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx53(UserAvatar2, { src: userAvatar, alt: userName }),
+        /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx53("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
+          /* @__PURE__ */ jsx53("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
+          /* @__PURE__ */ jsx53(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
         ] })
       ] }),
-      /* @__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__ */ jsx53(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.account.SETTINGS, children: [
+        /* @__PURE__ */ jsx53(Settings, {}),
+        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.preferences") })
       ] }) }),
-      /* @__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") })
+      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.account.SECURITY, children: [
+        /* @__PURE__ */ jsx53(Shield, {}),
+        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.security") })
       ] }) }),
-      "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" })
+      "admin" === userRole && /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.admin.OVERVIEW, children: [
+        /* @__PURE__ */ jsx53(UserStar, {}),
+        /* @__PURE__ */ jsx53("span", { children: "Admin Dashboard" })
       ] }) }),
-      !hiddenSwitcher && /* @__PURE__ */ jsxs46(Fragment18, { children: [
-        /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx55(
+      !hiddenSwitcher && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+        /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx53(
           ModeSwitcher2,
           {
             type: "sub-dropdown",
@@ -5867,31 +5644,31 @@ function UserMenu({ hiddenSwitcher = false }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx55(LanguageSwitcher, { type: "sub-dropdown" })
+        /* @__PURE__ */ jsx53(LanguageSwitcher, { type: "sub-dropdown" })
       ] }),
-      /* @__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") })
+      /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.auth.SIGN_OUT, children: [
+        /* @__PURE__ */ jsx53(LogOut, {}),
+        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.logout") })
       ] }) }),
-      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, {})
+      user && features.multiSession && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+        /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
+        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+          /* @__PURE__ */ jsx53(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx53(UserView, { isPending: true }) }),
+          /* @__PURE__ */ jsx53(DropdownMenuSeparator, {})
         ] }),
-        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 })
+        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs44(Fragment17, { children: [
+          /* @__PURE__ */ jsxs44(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
+            /* @__PURE__ */ jsx53(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
+            /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+              /* @__PURE__ */ jsx53("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
+              /* @__PURE__ */ jsx53("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx55(DropdownMenuSeparator, {})
+          /* @__PURE__ */ jsx53(DropdownMenuSeparator, {})
         ] }, session.id)),
-        /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.auth.SIGN_IN, children: [
-          /* @__PURE__ */ jsx55(PlusCircleIcon, {}),
+        /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.auth.SIGN_IN, children: [
+          /* @__PURE__ */ jsx53(PlusCircleIcon, {}),
           t("systems.ADD_ACCOUNT")
         ] }) })
       ] })
@@ -5900,57 +5677,57 @@ function UserMenu({ hiddenSwitcher = false }) {
 }
 
 // src/ui/layouts/header.tsx
-import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
 function Header({ 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 }) });
+  return /* @__PURE__ */ jsx54("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__ */ jsx54("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
 }
 function HeaderLeft() {
   const { logoHeader, sidebarToggle } = useLayout();
-  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: [
+  return /* @__PURE__ */ jsx54("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs45("div", { className: "flex w-full items-center justify-between", children: [
     logoHeader,
-    /* @__PURE__ */ jsx56(
-      Button33,
+    /* @__PURE__ */ jsx54(
+      Button31,
       {
         mode: "icon",
         variant: "ghost",
         onClick: sidebarToggle,
         className: "hidden text-muted-foreground hover:text-foreground lg:inline-flex",
-        children: /* @__PURE__ */ jsx56(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
+        children: /* @__PURE__ */ jsx54(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
       }
     )
   ] }) });
 }
 function HeaderRight({ sidebar, button }) {
   const { isMobile } = useLayout();
-  return /* @__PURE__ */ jsxs47("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
+  return /* @__PURE__ */ jsxs45("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
     button,
     isMobile && sidebar,
-    /* @__PURE__ */ jsx56(UserMenu, {})
+    /* @__PURE__ */ jsx54(UserMenu, {})
   ] });
 }
 function HeaderSidebarMobile({ children }) {
   const pathname = usePathname2();
-  const [isSheetOpen, setIsSheetOpen] = useState19(false);
-  useEffect16(() => {
+  const [isSheetOpen, setIsSheetOpen] = useState18(false);
+  useEffect15(() => {
     setIsSheetOpen(false);
   }, [pathname]);
-  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" })
+  return /* @__PURE__ */ jsxs45(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
+    /* @__PURE__ */ jsx54(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx54(Button31, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx54(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsxs45(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
+      /* @__PURE__ */ jsxs45(SheetHeader, { className: "hidden space-y-0 p-0", children: [
+        /* @__PURE__ */ jsx54(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
+        /* @__PURE__ */ jsx54(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
       ] }),
-      /* @__PURE__ */ jsx56(SheetBody, { className: "flex grow flex-col p-0", children })
+      /* @__PURE__ */ jsx54(SheetBody, { className: "flex grow flex-col p-0", children })
     ] })
   ] });
 }
 
 // src/ui/layouts/sidebar.tsx
 import { useCallback as useCallback4, useMemo as useMemo5 } from "react";
-import Link8 from "next/link";
+import Link7 from "next/link";
 import { usePathname as usePathname3 } from "next/navigation";
-import { useTranslations as useTranslations47 } from "next-intl";
+import { useTranslations as useTranslations45 } from "next-intl";
 import { BackLink } from "pelatform-ui/components";
 import {
   AccordionMenu,
@@ -5964,26 +5741,26 @@ import {
   Badge as Badge3,
   ScrollArea
 } from "pelatform-ui/default";
-import { Fragment as Fragment19, jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function Sidebar({ children }) {
   const { isMobile } = useLayout();
   if (isMobile) {
     return null;
   }
-  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: [
+  return /* @__PURE__ */ jsxs46("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__ */ jsx57("div", {})
+    /* @__PURE__ */ jsx55("div", {})
   ] });
 }
 function SidebarHeaderBack({
   linkHref = "/",
   admin = false
 }) {
-  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") }) });
+  const t = useTranslations45();
+  return /* @__PURE__ */ jsx55("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx55(BackLink, { Link: Link7, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
 }
 function SidebarContent({ 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 });
+  return /* @__PURE__ */ jsx55(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,
@@ -6025,7 +5802,7 @@ function SidebarContentMenu({
     [activePath, normalize]
   );
   if (type === "toggle") {
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx55(
       AccordionMenu,
       {
         type: "single",
@@ -6039,16 +5816,16 @@ function SidebarContentMenu({
           subTrigger: "text-xs font-normal text-muted-foreground hover:bg-transparent",
           subContent: "ps-0"
         },
-        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, {})
+        children: menu.map((item, index) => /* @__PURE__ */ jsxs46(AccordionMenuSub, { value: item.title || "menu", children: [
+          /* @__PURE__ */ jsxs46(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
+            /* @__PURE__ */ jsx55("span", { children: item.title }),
+            /* @__PURE__ */ jsx55(AccordionMenuIndicator, {})
           ] }),
-          /* @__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(
+          /* @__PURE__ */ jsx55(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
+            const content = /* @__PURE__ */ jsxs46(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx55(child.icon, {}),
+              /* @__PURE__ */ jsx55("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx55(
                 Badge3,
                 {
                   size: "sm",
@@ -6059,8 +5836,8 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx57(
-                Link8,
+              return /* @__PURE__ */ jsx55(
+                Link7,
                 {
                   href: child.path,
                   target: "_blank",
@@ -6071,13 +5848,13 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx57(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx57(Link8, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx55(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx55(Link7, { href: child.path || "#", children: content }) }, idx);
           }) })
         ] }, index))
       }
     );
   }
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx55(
     AccordionMenu,
     {
       type: "multiple",
@@ -6090,13 +5867,13 @@ function SidebarContentMenu({
         group: ""
       },
       children: menu.map((item, index) => {
-        return /* @__PURE__ */ jsxs48(AccordionMenuGroup, { children: [
-          /* @__PURE__ */ jsx57(AccordionMenuLabel, { children: item.title }),
+        return /* @__PURE__ */ jsxs46(AccordionMenuGroup, { children: [
+          /* @__PURE__ */ jsx55(AccordionMenuLabel, { children: item.title }),
           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(
+            const content = /* @__PURE__ */ jsxs46(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx55(child.icon, {}),
+              /* @__PURE__ */ jsx55("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx55(
                 Badge3,
                 {
                   size: "sm",
@@ -6107,8 +5884,8 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx57(
-                Link8,
+              return /* @__PURE__ */ jsx55(
+                Link7,
                 {
                   href: child.path,
                   target: "_blank",
@@ -6119,7 +5896,7 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx57(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx57(Link8, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx55(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx55(Link7, { href: child.path || "#", children: content }) }, idx);
           })
         ] }, index);
       })
@@ -6128,17 +5905,17 @@ function SidebarContentMenu({
 }
 
 // src/ui/layouts/site-footer.tsx
-import Link9 from "next/link";
-import { useTranslations as useTranslations48 } from "next-intl";
+import Link8 from "next/link";
+import { useTranslations as useTranslations46 } from "next-intl";
+import { cn as cn41 } from "pelatform-ui";
 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";
+import { Button as Button32 } from "pelatform-ui/default";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 function SiteFooter({ disableProjectBy = false }) {
   const { app } = useConfig();
-  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: [
+  const t = useTranslations46();
+  return /* @__PURE__ */ jsxs47(UISiteFooter, { className: cn41("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
+    /* @__PURE__ */ jsxs47("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -6146,11 +5923,11 @@ function SiteFooter({ disableProjectBy = false }) {
       ". ",
       t("customs.common.copyright")
     ] }),
-    !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") }),
+    !disableProjectBy && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs47("div", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx56("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
       " ",
-      /* @__PURE__ */ jsx58(Button34, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx58(
-        Link9,
+      /* @__PURE__ */ jsx56(Button32, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx56(
+        Link8,
         {
           href: "https://pelatform.com",
           target: "_blank",
@@ -6163,10 +5940,10 @@ function SiteFooter({ disableProjectBy = false }) {
 }
 
 // src/ui/layouts/site-header.tsx
-import { useState as useState20 } from "react";
-import Link10 from "next/link";
-import { usePathname as usePathname4, useRouter as useRouter17 } from "next/navigation";
-import { useTranslations as useTranslations49 } from "next-intl";
+import { useState as useState19 } from "react";
+import Link9 from "next/link";
+import { usePathname as usePathname4, useRouter as useRouter16 } from "next/navigation";
+import { useTranslations as useTranslations47 } from "next-intl";
 import {
   MainNav,
   MobileNav,
@@ -6174,35 +5951,35 @@ import {
   ModeSwitcher as ModeSwitcher3,
   SiteHeader as UISiteHeader
 } 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";
+import { Button as Button33, Separator as Separator2 } from "pelatform-ui/default";
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function SiteHeader({
   menu,
-  logo = /* @__PURE__ */ jsx59(LogoWithHref, { href: "/home" })
+  logo = /* @__PURE__ */ jsx57(LogoWithHref, { href: "/home" })
 }) {
   const { path } = useConfig();
   const pathname = usePathname4();
-  const router = useRouter17();
-  const t = useTranslations49();
+  const router = useRouter16();
+  const t = useTranslations47();
   const { isPending, session, user } = useSession();
-  const [, setMobileNavOpen] = useState20(false);
+  const [, setMobileNavOpen] = useState19(false);
   const isAuthenticated = !isPending && session && user;
-  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: [
+  return /* @__PURE__ */ jsxs48(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-4.5", children: [
       logo,
-      /* @__PURE__ */ jsx59(MainNav, { Link: Link10, pathname, items: menu })
+      /* @__PURE__ */ jsx57(MainNav, { Link: Link9, 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: [
+    /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs48("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx57(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx57(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx57(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx57(MobileNav, { children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
-          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx59(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx57(
             MobileNavItemRenderer,
             {
               item,
-              Link: Link10,
+              Link: Link9,
               pathname,
               level: 1,
               onOpenChange: setMobileNavOpen
@@ -6210,8 +5987,8 @@ function SiteHeader({
             `nav-${navIndex}-${item.href}`
           ) : null
         ),
-        /* @__PURE__ */ jsx59("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx59(
-          Button35,
+        /* @__PURE__ */ jsx57("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx57(
+          Button33,
           {
             variant: "outline",
             size: "sm",
@@ -6219,36 +5996,36 @@ function SiteHeader({
             onClick: () => router.push(path.auth.SIGN_OUT),
             children: t("systems.navigation.logout")
           }
-        ) : /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx59(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
+        ) : /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx57(Link9, { 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") }) })
+      isAuthenticated ? /* @__PURE__ */ jsx57(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx57(Link9, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
     ] }) })
   ] });
 }
 function SiteHeaderSecondary({
   menu,
-  logo = /* @__PURE__ */ jsx59(LogoWithHref, { href: "/home" }),
+  logo = /* @__PURE__ */ jsx57(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: [
+  const t = useTranslations47();
+  const [, setMobileNavOpen] = useState19(false);
+  return /* @__PURE__ */ jsxs48(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-4.5", children: [
       logo,
-      /* @__PURE__ */ jsx59(MainNav, { Link: Link10, pathname, items: menu })
+      /* @__PURE__ */ jsx57(MainNav, { Link: Link9, 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: [
+    /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs48("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx57(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx57(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx57(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx57(MobileNav, { children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
-          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx59(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx57(
             MobileNavItemRenderer,
             {
               item,
-              Link: Link10,
+              Link: Link9,
               pathname,
               level: 1,
               onOpenChange: setMobileNavOpen
@@ -6256,18 +6033,18 @@ function SiteHeaderSecondary({
             `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") }) }) })
+        loginLink && /* @__PURE__ */ jsx57("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx57(Link9, { href: loginLink, 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") }) })
+      loginLink && /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx57(Link9, { href: loginLink, children: t("systems.navigation.login") }) })
     ] }) })
   ] });
 }
 
 // src/ui/providers/layout.tsx
-import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useEffect as useEffect16, useState as useState20 } from "react";
+import { cn as cn42 } from "pelatform-ui";
 import { useIsMobile } from "pelatform-ui/hooks";
-import { cn as cn43 } from "@pelatform/utils";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "240px";
 var HEADER_HEIGHT = "54px";
 var SIDEBAR_WIDTH_MOBILE = "240px";
@@ -6277,10 +6054,10 @@ function LayoutProvider({
   style: customStyle,
   bodyClassName = "",
   className = "",
-  logoHeader = /* @__PURE__ */ jsx60(LogoWithHref, {})
+  logoHeader = /* @__PURE__ */ jsx58(LogoWithHref, {})
 }) {
   const isMobile = useIsMobile();
-  const [isSidebarOpen, setIsSidebarOpen] = useState21(true);
+  const [isSidebarOpen, setIsSidebarOpen] = useState20(true);
   const defaultStyle = {
     "--sidebar-width": SIDEBAR_WIDTH,
     "--header-height": HEADER_HEIGHT,
@@ -6292,7 +6069,7 @@ function LayoutProvider({
     ...customStyle
   };
   const sidebarToggle = () => setIsSidebarOpen((open) => !open);
-  useEffect17(() => {
+  useEffect16(() => {
     if (bodyClassName) {
       const body = document.body;
       const existingClasses = body.className;
@@ -6302,7 +6079,7 @@ function LayoutProvider({
       };
     }
   }, [bodyClassName]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx58(
     LayoutContext.Provider,
     {
       value: {
@@ -6313,11 +6090,11 @@ function LayoutProvider({
         sidebarToggle,
         logoHeader
       },
-      children: /* @__PURE__ */ jsx60(
+      children: /* @__PURE__ */ jsx58(
         "div",
         {
           "data-slot": "layout-wrapper",
-          className: cn43("flex grow", className),
+          className: cn42("flex grow", className),
           "data-sidebar-open": isSidebarOpen,
           style,
           children
@@ -6328,25 +6105,225 @@ function LayoutProvider({
 }
 
 // src/ui/layouts/wrapper.tsx
-import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
 function LayoutWrapper({
   children,
   sidebarHeader,
   sidebarMenu,
   logoHeader
 }) {
-  const sidebarContent = /* @__PURE__ */ jsxs51(Fragment20, { children: [
+  const sidebarContent = /* @__PURE__ */ jsxs49(Fragment20, { children: [
     sidebarHeader,
-    /* @__PURE__ */ jsx61(SidebarContent, { children: sidebarMenu })
+    /* @__PURE__ */ jsx59(SidebarContent, { children: sidebarMenu })
   ] });
-  return /* @__PURE__ */ jsxs51(LayoutProvider, { logoHeader, children: [
-    /* @__PURE__ */ jsxs51(Header, { children: [
-      /* @__PURE__ */ jsx61(HeaderLeft, {}),
-      /* @__PURE__ */ jsx61(HeaderRight, { sidebar: /* @__PURE__ */ jsx61(HeaderSidebarMobile, { children: sidebarContent }) })
+  return /* @__PURE__ */ jsxs49(LayoutProvider, { logoHeader, children: [
+    /* @__PURE__ */ jsxs49(Header, { children: [
+      /* @__PURE__ */ jsx59(HeaderLeft, {}),
+      /* @__PURE__ */ jsx59(HeaderRight, { sidebar: /* @__PURE__ */ jsx59(HeaderSidebarMobile, { children: sidebarContent }) })
     ] }),
-    /* @__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 })
+    /* @__PURE__ */ jsxs49("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
+      /* @__PURE__ */ jsx59(Sidebar, { children: sidebarContent }),
+      /* @__PURE__ */ jsx59("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
+    ] })
+  ] });
+}
+
+// src/ui/pages/accept-invitation.tsx
+import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useRouter as useRouter17, useSearchParams as useSearchParams6 } from "next/navigation";
+import { CheckIcon as CheckIcon4, XIcon } from "lucide-react";
+import { useTranslations as useTranslations48 } from "next-intl";
+import { cn as cn43 } from "pelatform-ui";
+import { AlertToast as AlertToast24 } from "pelatform-ui/components";
+import { Button as Button34, Card as Card11, CardContent as CardContent3, CardHeader as CardHeader2, Skeleton as Skeleton10, Spinner as Spinner20 } from "pelatform-ui/default";
+import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+function AcceptInvitation({
+  className,
+  classNames,
+  redirectTo: redirectToProp
+}) {
+  const router = useRouter17();
+  const searchParams = useSearchParams6();
+  const t = useTranslations48();
+  const { data: sessionData } = useSession();
+  const { redirectTo } = useOnSuccessTransition(redirectToProp);
+  const [invitationId, setInvitationId] = useState21(null);
+  useEffect17(() => {
+    const invitationIdParam = searchParams.get("invitationId");
+    if (!invitationIdParam) {
+      AlertToast24({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    setInvitationId(invitationIdParam);
+  }, [router, redirectTo, searchParams.get, t]);
+  if (!sessionData || !invitationId) {
+    return /* @__PURE__ */ jsx60(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsx60(
+    AcceptInvitationContent,
+    {
+      className,
+      classNames,
+      invitationId,
+      redirectTo
+    }
+  );
+}
+function AcceptInvitationContent({
+  className,
+  classNames,
+  invitationId,
+  redirectTo
+}) {
+  const { authClient } = useConfig();
+  const router = useRouter17();
+  const t = useTranslations48();
+  const { data: invitation, isPending } = useInvitation({
+    query: {
+      id: invitationId
+    }
+  });
+  const [isRejecting, setIsRejecting] = useState21(false);
+  const [isAccepting, setIsAccepting] = useState21(false);
+  const isProcessing = isRejecting || isAccepting;
+  useEffect17(() => {
+    if (isPending || !invitationId) return;
+    if (!invitation) {
+      AlertToast24({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    if (invitation.status !== "pending" || new Date(invitation.expiresAt) < /* @__PURE__ */ new Date()) {
+      AlertToast24({
+        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 }
+      });
+      AlertToast24({
+        message: t("systems.INVITATION_ACCEPTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast24({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsAccepting(false);
+    }
+  };
+  const rejectInvitation = async () => {
+    setIsRejecting(true);
+    try {
+      await authClient.organization.rejectInvitation({
+        invitationId,
+        fetchOptions: { throw: true }
+      });
+      AlertToast24({
+        message: t("systems.INVITATION_REJECTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast24({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsRejecting(false);
+    }
+  };
+  if (!invitation) {
+    return /* @__PURE__ */ jsx60(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsxs50(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx60(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx60(
+      CardHeaderComponent,
+      {
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION")
+      }
+    ) }),
+    /* @__PURE__ */ jsxs50(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs50(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx60(
+          WorkspaceView,
+          {
+            workspace: {
+              id: invitation.organizationId,
+              name: invitation.organizationName,
+              slug: invitation.organizationSlug,
+              // logo: invitation.organizationLogo,
+              createdAt: /* @__PURE__ */ new Date()
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx60("p", { className: "ms-auto font-semibold text-muted-foreground text-sm", children: t(`systems.${invitation?.role.toUpperCase()}`) || invitation?.role })
+      ] }),
+      /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs50(
+          Button34,
+          {
+            variant: "destructive",
+            className: cn43(classNames?.button, classNames?.destructiveButton),
+            onClick: rejectInvitation,
+            disabled: isProcessing,
+            children: [
+              isRejecting ? /* @__PURE__ */ jsx60(Spinner20, {}) : /* @__PURE__ */ jsx60(XIcon, {}),
+              t("systems.REJECT")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs50(
+          Button34,
+          {
+            className: cn43(classNames?.button, classNames?.primaryButton),
+            onClick: acceptInvitation,
+            disabled: isProcessing,
+            children: [
+              isAccepting ? /* @__PURE__ */ jsx60(Spinner20, {}) : /* @__PURE__ */ jsx60(CheckIcon4, {}),
+              t("systems.ACCEPT")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AcceptInvitationSkeleton({ className, classNames }) {
+  const t = useTranslations48();
+  return /* @__PURE__ */ jsxs50(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx60(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx60(
+      CardHeaderComponent,
+      {
+        className: "w-full",
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION"),
+        isPending: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs50(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs50(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx60(WorkspaceView, { isPending: true }),
+        /* @__PURE__ */ jsx60(Skeleton10, { className: "ms-auto mt-0.5 h-4 w-full max-w-14 shrink-2" })
+      ] }),
+      /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx60(Skeleton10, { className: "h-9 w-full" }),
+        /* @__PURE__ */ jsx60(Skeleton10, { className: "h-9 w-full" })
+      ] })
     ] })
   ] });
 }
@@ -6357,7 +6334,7 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { NextIntlClientProvider } from "next-intl";
 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";
+import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
 function SharedProviders({
   children,
   locale,
@@ -6366,20 +6343,20 @@ function SharedProviders({
   sonnerPosition = "top-center"
 }) {
   const config = useConfig();
-  return /* @__PURE__ */ jsxs52(QueryProvider, { children: [
-    /* @__PURE__ */ jsx62(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx62(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs52(Suspense2, { children: [
+  return /* @__PURE__ */ jsxs51(QueryProvider, { children: [
+    /* @__PURE__ */ jsx61(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx61(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs51(Suspense2, { children: [
       children,
-      /* @__PURE__ */ jsx62(Sonner, { position: sonnerPosition })
+      /* @__PURE__ */ jsx61(Sonner, { position: sonnerPosition })
     ] }) }) }),
-    /* @__PURE__ */ jsx62(ReactQueryDevtools, { initialIsOpen: false })
+    /* @__PURE__ */ jsx61(ReactQueryDevtools, { initialIsOpen: false })
   ] });
 }
 
 // src/ui/shared/empty-state.tsx
-import Link11 from "next/link";
-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";
+import Link10 from "next/link";
+import { useTranslations as useTranslations49 } from "next-intl";
+import { cn as cn44 } from "pelatform-ui";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function EmptyState({
   className,
   icon: Icon,
@@ -6389,15 +6366,15 @@ function EmptyState({
   learnMoreText,
   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: [
+  const t = useTranslations49();
+  return /* @__PURE__ */ jsxs52("div", { className: cn44("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: [
       description,
       " ",
-      learnMore && /* @__PURE__ */ jsxs53(
-        Link11,
+      learnMore && /* @__PURE__ */ jsxs52(
+        Link10,
         {
           href: learnMore,
           className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
@@ -6411,6 +6388,24 @@ function EmptyState({
     children
   ] });
 }
+
+// src/ui/shared/signed-in-hint.tsx
+import Link11 from "next/link";
+import { useTranslations as useTranslations50 } from "next-intl";
+import { Button as Button35 } from "pelatform-ui/default";
+import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
+function SignedInHint({ linkHref = "/signin" }) {
+  const t = useTranslations50("customs.common.signed");
+  const { isPending, user } = useSession();
+  return /* @__PURE__ */ jsxs53("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+      t("text"),
+      " ",
+      isPending || !user ? /* @__PURE__ */ jsx63("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx63("b", { className: "text-foreground", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsx63(Button35, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx63(Link11, { href: linkHref, children: t("button") }) })
+  ] });
+}
 export {
   AcceptInvitation,
   ApiKeyDeleteDialog,