@pelatform/starter 0.1.6 → 0.1.8

package/dist/index.js

@@ -1,12 +1,15 @@
 "use client";
 import {
   defaultAuthQueryOptions,
-  fileToBase64,
   getPasswordSchema,
   getTranslations,
-  resizeAndCropImage,
+  request,
+  setLastVisitedWorkspace,
   socialProviders
-} from "./chunk-2ZAZ77F6.js";
+} from "./chunk-IEJXTIKE.js";
+import {
+  WORKSPACE_SCOPED_PREFIXES
+} from "./chunk-K5RU54UL.js";
 
 // src/config/hook.ts
 import { useContext } from "react";
@@ -133,7 +136,8 @@ var defaultConfig = {
     },
     custom: {
       ACCEPT_INVITATION: "/join",
-      NEW_WORKSPACE: "/new"
+      NEW_WORKSPACE: "/new",
+      VERIFY_EMAIL: "/verify"
     }
   },
   ui: {
@@ -416,6 +420,7 @@ function useDeletePasskey(options) {
   const { queryKey } = useContext8(QueryContext);
   return useAuthMutation({
     queryKey: queryKey.listPasskeys,
+    // @ts-expect-error - passkeyClient does not exist
     mutationFn: authClient.passkey.deletePasskey,
     options
   });
@@ -425,6 +430,7 @@ function useListPasskeys(options) {
   const { queryKey } = useContext8(QueryContext);
   return useAuthQuery({
     queryKey: queryKey.listPasskeys,
+    // @ts-expect-error - passkeyClient does not exist
     queryFn: authClient.passkey.listUserPasskeys,
     options
   });
@@ -469,11 +475,27 @@ function useRevokeSessions(options) {
   });
 }
 
+// src/hooks/use-invitation.ts
+import { useContext as useContext10 } from "react";
+function useInvitation(params, options) {
+  const { authClient } = useConfig();
+  const { queryKey: key } = useContext10(QueryContext);
+  const queryKey = [key.invitationKey, JSON.stringify(params)];
+  return useAuthQuery({
+    queryKey,
+    queryFn: (fnParams) => authClient.organization.getInvitation({
+      ...params,
+      ...fnParams
+    }),
+    options
+  });
+}
+
 // src/hooks/use-layout.ts
-import { createContext as createContext2, useContext as useContext10 } from "react";
+import { createContext as createContext2, useContext as useContext11 } from "react";
 var LayoutContext = createContext2(void 0);
 var useLayout = () => {
-  const context = useContext10(LayoutContext);
+  const context = useContext11(LayoutContext);
   if (!context) {
     throw new Error("useLayout must be used within a LayoutProvider");
   }
@@ -483,13 +505,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(() => {
@@ -507,10 +528,10 @@ function useOnSuccessTransition(redirectToProp) {
 }
 
 // src/hooks/use-update-user.ts
-import { useContext as useContext11 } from "react";
+import { useContext as useContext12 } from "react";
 function useUpdateUser(options) {
   const { authClient } = useConfig();
-  const { queryKey } = useContext11(QueryContext);
+  const { queryKey } = useContext12(QueryContext);
   return useAuthMutation({
     queryKey: queryKey.session,
     mutationFn: authClient.updateUser,
@@ -522,31 +543,27 @@ function useUpdateUser(options) {
   });
 }
 
-// src/hooks/use-invitation.ts
-import { useContext as useContext12 } from "react";
-function useInvitation(params, options) {
-  const { authClient } = useConfig();
-  const { queryKey: key } = useContext12(QueryContext);
-  const queryKey = [key.invitationKey, JSON.stringify(params)];
-  return useAuthQuery({
-    queryKey,
-    queryFn: (fnParams) => authClient.organization.getInvitation({
-      ...params,
-      ...fnParams
-    }),
-    options
-  });
+// src/hooks/use-workspace.ts
+import { createContext as createContext3, useContext as useContext13 } from "react";
+var WorkspaceContext = createContext3(void 0);
+function useWorkspace() {
+  const context = useContext13(WorkspaceContext);
+  if (context === void 0) {
+    throw new Error("useWorkspace must be used within a WorkspaceProvider");
+  }
+  return context;
 }
 
 // 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 +573,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 +693,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 +708,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 +766,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 +1164,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 +1208,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 +1222,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 +1368,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,
@@ -1569,6 +1585,7 @@ function DeleteAccountCard({
 import { useRef, useState as useState5 } from "react";
 import { Trash2Icon, UploadCloudIcon } from "lucide-react";
 import { useTranslations as useTranslations9 } from "next-intl";
+import { fileToBase64, resizeAndCropImage } from "pelatform-ui";
 import { AlertToast as AlertToast3 } from "pelatform-ui/components";
 import {
   Button as Button8,
@@ -1701,6 +1718,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 +1731,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 +1851,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 +1867,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 +2051,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 +2063,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 +2290,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 +2301,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 +2442,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();
@@ -2439,6 +2456,7 @@ function PasskeysCard({ className, classNames, ...props }) {
     isPending: passkeysPending,
     refetch: refetchPasskeys
   } = useListPasskeys();
+  const typedPasskeys = passkeys;
   const isPending = sessionPending || passkeysPending;
   const isFresh = session ? Date.now() - new Date(session?.createdAt).getTime() < auth.freshAge * 1e3 : false;
   const [showFreshnessDialog, setShowFreshnessDialog] = useState8(false);
@@ -2480,7 +2498,7 @@ function PasskeysCard({ className, classNames, ...props }) {
         actionLabel: t("systems.ADD_PASSKEY"),
         isPending,
         ...props,
-        children: isPending ? /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: /* @__PURE__ */ jsx20(SkeletonViewComponent, { classNames }) }) : passkeys && passkeys.length > 0 && /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: passkeys?.map((passkey) => /* @__PURE__ */ jsx20(PasskeyCell, { classNames, passkey }, passkey.id)) })
+        children: isPending ? /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: /* @__PURE__ */ jsx20(SkeletonViewComponent, { classNames }) }) : typedPasskeys && typedPasskeys.length > 0 && /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: typedPasskeys.map((passkey) => /* @__PURE__ */ jsx20(PasskeyCell, { classNames, passkey }, passkey.id)) })
       }
     ) }) })
   ] });
@@ -2551,9 +2569,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 +2700,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 +2824,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 +2871,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 +2888,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 +2967,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 +2993,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 +3131,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 +3193,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 +3357,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 +3424,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 +3493,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 +3559,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 +3579,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 +3621,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 +3654,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 +3721,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 +3734,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 +3744,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 +3777,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 +3804,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 +3820,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 +3832,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 +3866,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 +3888,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 +3905,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 +3915,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 +3929,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 +3939,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 +3974,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 +3993,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 +4010,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 +4020,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 +4034,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 +4079,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 +4098,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 +4114,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 +4125,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 +4137,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 +4148,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 +4178,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 +4197,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 +4223,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 +4246,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 +4262,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 +4274,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 +4310,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 +4332,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 +4351,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 +4370,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 +4381,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 +4403,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 +4431,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 +4462,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 +4496,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 +4514,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 +4533,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 +4543,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 +4576,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 +4587,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 +4612,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 +4627,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 +4664,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 +4686,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 +4708,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 +4727,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 +4749,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 +4761,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 +4787,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 +4812,7 @@ function TwoFactorForm({
       });
       setCooldownSeconds(60);
     } catch (error) {
-      AlertToast24({
+      AlertToast23({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
@@ -5015,47 +4833,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 +4887,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 +4909,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 +4979,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 +4999,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 +5052,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 +5060,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 +5069,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 +5083,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 +5127,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 +5153,7 @@ function AuthView({
                       (socialProvider2) => socialProvider2.provider === provider
                     );
                     if (!socialProvider) return null;
-                    return /* @__PURE__ */ jsx48(
+                    return /* @__PURE__ */ jsx47(
                       ProviderButton,
                       {
                         classNames,
@@ -5353,50 +5168,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 +5238,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 +5273,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 +5285,7 @@ function AuthForm({
         redirectTo,
         setIsSubmitting
       }
-    ) : auths.magicLink ? /* @__PURE__ */ jsx48(
+    ) : auths.magicLink ? /* @__PURE__ */ jsx47(
       MagicLinkForm,
       {
         className,
@@ -5478,7 +5293,7 @@ function AuthForm({
         isSubmitting,
         setIsSubmitting
       }
-    ) : auths.emailOtp ? /* @__PURE__ */ jsx48(
+    ) : auths.emailOtp ? /* @__PURE__ */ jsx47(
       EmailOTPForm,
       {
         className,
@@ -5490,7 +5305,7 @@ function AuthForm({
     ) : null;
   }
   if (view === "TWO_FACTOR") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       TwoFactorForm,
       {
         className,
@@ -5503,7 +5318,7 @@ function AuthForm({
     );
   }
   if (view === "RECOVER_ACCOUNT") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       RecoverAccountForm,
       {
         className,
@@ -5515,7 +5330,7 @@ function AuthForm({
     );
   }
   if (view === "MAGIC_LINK") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       MagicLinkForm,
       {
         className,
@@ -5526,7 +5341,7 @@ function AuthForm({
     );
   }
   if (view === "EMAIL_OTP") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       EmailOTPForm,
       {
         className,
@@ -5538,7 +5353,7 @@ function AuthForm({
     );
   }
   if (view === "FORGOT_PASSWORD") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       ForgotPasswordForm,
       {
         className,
@@ -5549,7 +5364,7 @@ function AuthForm({
     );
   }
   if (view === "RESET_PASSWORD") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       ResetPasswordForm,
       {
         className,
@@ -5560,7 +5375,7 @@ function AuthForm({
     );
   }
   if (view === "SIGN_UP") {
-    return auth.enableSignup ? /* @__PURE__ */ jsx48(
+    return auth.enableSignup ? /* @__PURE__ */ jsx47(
       SignUpForm,
       {
         className,
@@ -5577,73 +5392,73 @@ function AuthForm({
 // src/ui/layouts/auth.tsx
 import Link6 from "next/link";
 import { usePathname } from "next/navigation";
-import { useTranslations as useTranslations45 } from "next-intl";
+import { useTranslations as useTranslations44 } 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 })
+  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/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";
+import { useTranslations as useTranslations41 } from "next-intl";
+import { Button as Button31 } from "pelatform-ui/default";
+import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
 function SignedInHint({ linkHref = "/signin" }) {
-  const t = useTranslations42("customs.common.signed");
+  const t = useTranslations41("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: [
+  return /* @__PURE__ */ jsxs42("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
       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 })
+      isPending || !user ? /* @__PURE__ */ jsx49("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx49("b", { className: "text-foreground", children: user.email })
     ] }),
-    /* @__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") }) })
+    /* @__PURE__ */ jsx49(Button31, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx49(Link5, { href: linkHref, children: t("button") }) })
   ] });
 }
 
 // src/ui/layouts/loader.tsx
-import { useTranslations as useTranslations43 } from "next-intl";
+import { useTranslations as useTranslations42 } from "next-intl";
 import { ScreenLoader } from "pelatform-ui/components";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function LayoutLoader({ children }) {
-  const t = useTranslations43();
+  const t = useTranslations42();
   const { isPending } = useSession();
   if (isPending) {
-    return /* @__PURE__ */ jsx51(ScreenLoader, { loadingText: t("systems.common.status.loading") });
+    return /* @__PURE__ */ jsx50(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 useTranslations43 } from "next-intl";
 import {
   LanguageSwitcher as LanguageSwitcherBase
 } from "pelatform-ui/components";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function LanguageSwitcher({
   className,
   type,
@@ -5653,8 +5468,8 @@ function LanguageSwitcher({
   showFlags
 }) {
   const { i18n } = useConfig();
-  const router = useRouter15();
-  const t = useTranslations44();
+  const router = useRouter14();
+  const t = useTranslations43();
   const currentLocale = useLocale3();
   const availableLocales = (() => {
     if (!i18n.enabled) {
@@ -5678,7 +5493,7 @@ function LanguageSwitcher({
     document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
     router.refresh();
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     LanguageSwitcherBase,
     {
       className,
@@ -5699,33 +5514,36 @@ function LanguageSwitcher({
 }
 
 // src/ui/layouts/toolbar.tsx
-import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } 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__ */ jsx52(Suspense, { fallback: null, children: /* @__PURE__ */ jsx52("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx52(ToolbarRSC, { ...props }) }) });
 }
 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__ */ jsx52("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs43("div", { className: "shrink-0", children: [
+    show.includes("darkmode") && /* @__PURE__ */ jsx52(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("help") && /* @__PURE__ */ jsx52("div", { className: "hidden" }),
+    show.includes("language") && /* @__PURE__ */ jsx52(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("onboarding") && /* @__PURE__ */ jsx52("div", { className: "hidden" })
   ] }) });
 }
 
 // src/ui/layouts/auth.tsx
-import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 function AuthLayout({
   children,
-  logo = /* @__PURE__ */ jsx54(LogoWithName, {})
+  logo = /* @__PURE__ */ jsx53(LogoWithName, {}),
+  disableFooter = false,
+  signInHint = false,
+  signInHref
 }) {
   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 = useTranslations44();
+  const footer = /* @__PURE__ */ jsxs44("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(
+    /* @__PURE__ */ jsx53(
       Link6,
       {
         href: path.main.TERMS,
@@ -5735,7 +5553,7 @@ function AuthLayout({
       }
     ),
     " ",
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx53(
       Link6,
       {
         href: path.main.PRIVACY,
@@ -5745,29 +5563,29 @@ function AuthLayout({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs45(LayoutLoader, { children: [
-    /* @__PURE__ */ jsx54(Toolbar, { show: ["language"], className: "top-0!" }),
-    /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs44(LayoutLoader, { children: [
+    /* @__PURE__ */ jsx53(Toolbar, { show: ["language"], className: "top-0!" }),
+    /* @__PURE__ */ jsx53(
       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: disableFooter || 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__ */ jsx53(Toolbar, { show: ["darkmode"] }),
+    signInHint && /* @__PURE__ */ jsx53(SignedInHint, { linkHref: signInHref || path.auth.SIGN_OUT })
   ] });
 }
 
 // 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 Button32,
   Sheet,
   SheetBody,
   SheetContent,
@@ -5778,11 +5596,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 { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect14, useState as useState17 } from "react";
 import Link7 from "next/link";
-import { useRouter as useRouter16 } from "next/navigation";
+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 useTranslations45 } from "next-intl";
 import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
 import {
   Badge as Badge2,
@@ -5791,19 +5609,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 jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
 function UserMenu({ hiddenSwitcher = false }) {
   const { features, path } = useConfig();
-  const router = useRouter16();
-  const t = useTranslations46();
+  const router = useRouter15();
+  const t = useTranslations45();
   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 +5637,7 @@ function UserMenu({ hiddenSwitcher = false }) {
     },
     [router, setActiveSessionAsync]
   );
-  useEffect15(() => {
+  useEffect14(() => {
     if (!features.multiSession) return;
     setActiveSessionPending(false);
   }, [features.multiSession, user?.id]);
@@ -5830,33 +5648,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__ */ jsxs45(DropdownMenu3, { children: [
+    /* @__PURE__ */ jsx54(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx54(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx54(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
+    /* @__PURE__ */ jsxs45(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx54(UserAvatar2, { src: userAvatar, alt: userName }),
+        /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
+          /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
+          /* @__PURE__ */ jsx54(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
         ] })
       ] }),
-      /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.account.SETTINGS, children: [
-        /* @__PURE__ */ jsx55(Settings, {}),
-        /* @__PURE__ */ jsx55("span", { children: t("systems.navigation.preferences") })
+      /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SETTINGS, children: [
+        /* @__PURE__ */ jsx54(Settings, {}),
+        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.preferences") })
       ] }) }),
-      /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.account.SECURITY, children: [
-        /* @__PURE__ */ jsx55(Shield, {}),
-        /* @__PURE__ */ jsx55("span", { children: t("systems.navigation.security") })
+      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SECURITY, children: [
+        /* @__PURE__ */ jsx54(Shield, {}),
+        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.security") })
       ] }) }),
-      "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__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.admin.OVERVIEW, children: [
+        /* @__PURE__ */ jsx54(UserStar, {}),
+        /* @__PURE__ */ jsx54("span", { children: "Admin Dashboard" })
       ] }) }),
-      !hiddenSwitcher && /* @__PURE__ */ jsxs46(Fragment18, { children: [
-        /* @__PURE__ */ jsx55(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx55(
+      !hiddenSwitcher && /* @__PURE__ */ jsxs45(Fragment18, { children: [
+        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx54(
           ModeSwitcher2,
           {
             type: "sub-dropdown",
@@ -5867,31 +5685,31 @@ function UserMenu({ hiddenSwitcher = false }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx55(LanguageSwitcher, { type: "sub-dropdown" })
+        /* @__PURE__ */ jsx54(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__ */ jsx54(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_OUT, children: [
+        /* @__PURE__ */ jsx54(LogOut, {}),
+        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.logout") })
       ] }) }),
-      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__ */ jsxs45(Fragment18, { children: [
+        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs45(Fragment18, { children: [
+          /* @__PURE__ */ jsx54(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx54(UserView, { isPending: true }) }),
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
         ] }),
-        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__ */ jsxs45(Fragment17, { children: [
+          /* @__PURE__ */ jsxs45(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
+            /* @__PURE__ */ jsx54(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
+            /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+              /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
+              /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx55(DropdownMenuSeparator, {})
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
         ] }, session.id)),
-        /* @__PURE__ */ jsx55(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs46(Link7, { href: path.auth.SIGN_IN, children: [
-          /* @__PURE__ */ jsx55(PlusCircleIcon, {}),
+        /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_IN, children: [
+          /* @__PURE__ */ jsx54(PlusCircleIcon, {}),
           t("systems.ADD_ACCOUNT")
         ] }) })
       ] })
@@ -5900,48 +5718,48 @@ function UserMenu({ hiddenSwitcher = false }) {
 }
 
 // src/ui/layouts/header.tsx
-import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs46 } 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__ */ jsx55("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx55("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
 }
 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__ */ jsx55("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs46("div", { className: "flex w-full items-center justify-between", children: [
     logoHeader,
-    /* @__PURE__ */ jsx56(
-      Button33,
+    /* @__PURE__ */ jsx55(
+      Button32,
       {
         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__ */ jsx55(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__ */ jsxs46("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
     button,
     isMobile && sidebar,
-    /* @__PURE__ */ jsx56(UserMenu, {})
+    /* @__PURE__ */ jsx55(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__ */ jsxs46(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
+    /* @__PURE__ */ jsx55(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx55(Button32, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx55(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsxs46(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
+      /* @__PURE__ */ jsxs46(SheetHeader, { className: "hidden space-y-0 p-0", children: [
+        /* @__PURE__ */ jsx55(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
+        /* @__PURE__ */ jsx55(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
       ] }),
-      /* @__PURE__ */ jsx56(SheetBody, { className: "flex grow flex-col p-0", children })
+      /* @__PURE__ */ jsx55(SheetBody, { className: "flex grow flex-col p-0", children })
     ] })
   ] });
 }
@@ -5961,9 +5779,198 @@ import {
   AccordionMenuSub,
   AccordionMenuSubContent,
   AccordionMenuSubTrigger,
-  Badge as Badge3,
+  Badge as Badge4,
   ScrollArea
 } from "pelatform-ui/default";
+
+// src/ui/workspace/switcher.tsx
+import { useRouter as useRouter16 } from "next/navigation";
+import { Building2, CheckIcon as CheckIcon4, ChevronsUpDown, PlusIcon, User } from "lucide-react";
+import { useTranslations as useTranslations46 } from "next-intl";
+import { AlertToast as AlertToast24 } from "pelatform-ui/components";
+import {
+  Badge as Badge3,
+  Button as Button33,
+  DropdownMenu as DropdownMenu4,
+  DropdownMenuContent as DropdownMenuContent4,
+  DropdownMenuGroup,
+  DropdownMenuItem as DropdownMenuItem4,
+  DropdownMenuLabel,
+  DropdownMenuSeparator as DropdownMenuSeparator2,
+  DropdownMenuTrigger as DropdownMenuTrigger4,
+  Skeleton as Skeleton10
+} from "pelatform-ui/default";
+import { useMediaQuery } from "pelatform-ui/hooks";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+function WorkspaceSwitcher() {
+  const { path } = useConfig();
+  const router = useRouter16();
+  const t = useTranslations46();
+  const { activeWorkspace, updateActiveWorkspace, workspaceList, isFetchingWorkspace } = useWorkspace();
+  const ownedWorkspaces = workspaceList?.filter((workspace) => workspace.currentUserRole === "owner") || [];
+  const sharedWorkspaces = workspaceList?.filter((workspace) => workspace.currentUserRole !== "owner") || [];
+  async function switchWorkspace(org) {
+    if (org.slug === activeWorkspace?.slug) {
+      return;
+    }
+    try {
+      await updateActiveWorkspace(org);
+    } catch (error) {
+      console.error("Failed to switch workspace:", error);
+      AlertToast24({
+        message: error instanceof Error ? error.message : "Failed to switch workspace",
+        icon: "destructive"
+      });
+    }
+  }
+  const showSkeleton = !activeWorkspace && isFetchingWorkspace;
+  const currentSlug = activeWorkspace?.slug;
+  const currentName = activeWorkspace?.name ?? "Workspace";
+  const plan = activeWorkspace?.subscription?.plan ?? "free";
+  const isMobile = useMediaQuery("(max-width: 640px)");
+  return /* @__PURE__ */ jsx56("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsxs47(DropdownMenu4, { children: [
+    activeWorkspace && !showSkeleton ? /* @__PURE__ */ jsx56(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs47(
+      Button33,
+      {
+        variant: "ghost",
+        className: "flex w-full items-center justify-between gap-2 px-1.5 hover:bg-accent focus:shadow-none! focus:outline-none! focus:ring-0! focus:ring-offset-0!",
+        children: [
+          /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx56(
+              WorkspaceLogo,
+              {
+                workspace: activeWorkspace,
+                classNames: { image: "w-full h-full" }
+              }
+            ),
+            /* @__PURE__ */ jsx56("span", { className: "font-medium text-foreground text-sm", children: currentName })
+          ] }),
+          /* @__PURE__ */ jsx56(ChevronsUpDown, {})
+        ]
+      }
+    ) }) : /* @__PURE__ */ jsxs47("div", { className: "flex items-center rounded-md border bg-sidebar-accent", children: [
+      /* @__PURE__ */ jsx56(Skeleton10, { className: "shrink-0 rounded-md border" }),
+      /* @__PURE__ */ jsxs47("div", { className: "flex w-full flex-col gap-1", children: [
+        /* @__PURE__ */ jsx56(Skeleton10, { className: "h-3 w-3/4 border" }),
+        /* @__PURE__ */ jsx56(Skeleton10, { className: "h-3 w-1/2 border" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs47(
+      DropdownMenuContent4,
+      {
+        className: "w-64",
+        side: isMobile ? "bottom" : "right",
+        align: isMobile ? "end" : "start",
+        sideOffset: isMobile ? 8 : 7,
+        alignOffset: isMobile ? 65 : 0,
+        children: [
+          /* @__PURE__ */ jsxs47(DropdownMenuLabel, { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx56(
+              WorkspaceLogo,
+              {
+                workspace: activeWorkspace,
+                classNames: { image: "w-full h-full" }
+              }
+            ),
+            /* @__PURE__ */ jsx56("span", { className: "font-medium text-foreground text-sm", children: currentName }),
+            /* @__PURE__ */ jsx56(Badge3, { size: "xs", className: "capitalize", variant: plan === "free" ? "info" : "success", children: plan })
+          ] }),
+          /* @__PURE__ */ jsxs47(
+            DropdownMenuItem4,
+            {
+              className: "cursor-pointer",
+              disabled: !currentSlug,
+              onSelect: () => router.push(`/${currentSlug}${path.workspaces.SETTINGS}`),
+              children: [
+                /* @__PURE__ */ jsx56(Building2, { className: "size-4" }),
+                /* @__PURE__ */ jsx56("span", { children: t("systems.SETTINGS") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs47(
+            DropdownMenuItem4,
+            {
+              className: "cursor-pointer",
+              disabled: !currentSlug,
+              onSelect: () => router.push(`/${currentSlug}${path.workspaces.MEMBERS}`),
+              children: [
+                /* @__PURE__ */ jsx56(User, { className: "size-4" }),
+                /* @__PURE__ */ jsx56("span", { children: t("systems.INVITE_MEMBER") })
+              ]
+            }
+          ),
+          ownedWorkspaces.length > 0 && /* @__PURE__ */ jsxs47(DropdownMenuGroup, { children: [
+            /* @__PURE__ */ jsx56(DropdownMenuSeparator2, {}),
+            /* @__PURE__ */ jsx56(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: t("systems.YOUR_WORKSPACES") }),
+            ownedWorkspaces.map((w) => /* @__PURE__ */ jsxs47(
+              DropdownMenuItem4,
+              {
+                className: "flex items-center justify-between",
+                onClick: () => switchWorkspace(w),
+                disabled: isFetchingWorkspace || w.slug !== currentSlug,
+                children: [
+                  /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx56(
+                      WorkspaceLogo,
+                      {
+                        workspace: w,
+                        classNames: { base: "size-7 rounded-[0.2rem]", image: "w-full h-full" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx56("span", { className: "truncate font-medium text-foreground text-sm leading-5 sm:max-w-[140px]", children: w.name ?? w.slug })
+                  ] }),
+                  w.slug === currentSlug && /* @__PURE__ */ jsx56(CheckIcon4, { className: "size-4 text-primary" })
+                ]
+              },
+              w.id
+            ))
+          ] }),
+          sharedWorkspaces.length > 0 && /* @__PURE__ */ jsxs47(DropdownMenuGroup, { children: [
+            ownedWorkspaces.length > 0 && /* @__PURE__ */ jsx56(DropdownMenuSeparator2, {}),
+            /* @__PURE__ */ jsx56(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: t("systems.SHARED_WORKSPACES") }),
+            sharedWorkspaces.map((w) => /* @__PURE__ */ jsxs47(
+              DropdownMenuItem4,
+              {
+                className: "flex items-center justify-between",
+                onClick: () => switchWorkspace(w),
+                disabled: isFetchingWorkspace || w.slug !== currentSlug,
+                children: [
+                  /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx56(
+                      WorkspaceLogo,
+                      {
+                        workspace: w,
+                        classNames: { base: "size-7 rounded-[0.2rem]", image: "w-full h-full" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx56("span", { className: "truncate font-medium text-foreground text-sm leading-5 sm:max-w-[140px]", children: w.name ?? w.slug })
+                  ] }),
+                  w.slug === currentSlug && /* @__PURE__ */ jsx56(CheckIcon4, { className: "size-4 text-primary" })
+                ]
+              },
+              w.id
+            ))
+          ] }),
+          /* @__PURE__ */ jsx56(DropdownMenuSeparator2, {}),
+          /* @__PURE__ */ jsxs47(
+            DropdownMenuItem4,
+            {
+              onSelect: () => router.push(
+                `${path.custom.NEW_WORKSPACE}?workspaces=${workspaceList && workspaceList.length > 0}`
+              ),
+              children: [
+                /* @__PURE__ */ jsx56(PlusIcon, { className: "size-4" }),
+                /* @__PURE__ */ jsx56("span", { children: t("systems.ADD_WORKSPACE") })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/ui/layouts/sidebar.tsx
 import { Fragment as Fragment19, jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function Sidebar({ children }) {
   const { isMobile } = useLayout();
@@ -5982,6 +5989,9 @@ function SidebarHeaderBack({
   const t = useTranslations47();
   return /* @__PURE__ */ jsx57("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx57(BackLink, { Link: Link8, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
 }
+function SidebarHeaderWorkspaces() {
+  return /* @__PURE__ */ jsx57(WorkspaceSwitcher, {});
+}
 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 });
 }
@@ -6049,7 +6059,7 @@ function SidebarContentMenu({
               child.icon && /* @__PURE__ */ jsx57(child.icon, {}),
               /* @__PURE__ */ jsx57("span", { children: child.title }),
               child.badge && /* @__PURE__ */ jsx57(
-                Badge3,
+                Badge4,
                 {
                   size: "sm",
                   variant: child.badgeVariant ?? "destructive",
@@ -6097,7 +6107,7 @@ function SidebarContentMenu({
               child.icon && /* @__PURE__ */ jsx57(child.icon, {}),
               /* @__PURE__ */ jsx57("span", { children: child.title }),
               child.badge && /* @__PURE__ */ jsx57(
-                Badge3,
+                Badge4,
                 {
                   size: "sm",
                   variant: child.badgeVariant ?? "destructive",
@@ -6130,14 +6140,14 @@ function SidebarContentMenu({
 // src/ui/layouts/site-footer.tsx
 import Link9 from "next/link";
 import { useTranslations as useTranslations48 } 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";
 function SiteFooter({ disableProjectBy = false }) {
   const { app } = useConfig();
   const t = useTranslations48();
-  return /* @__PURE__ */ jsxs49(UISiteFooter, { className: cn42("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
+  return /* @__PURE__ */ jsxs49(UISiteFooter, { className: cn41("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
     /* @__PURE__ */ jsxs49("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
@@ -6163,7 +6173,7 @@ function SiteFooter({ disableProjectBy = false }) {
 }
 
 // src/ui/layouts/site-header.tsx
-import { useState as useState20 } from "react";
+import { useState as useState19 } from "react";
 import Link10 from "next/link";
 import { usePathname as usePathname4, useRouter as useRouter17 } from "next/navigation";
 import { useTranslations as useTranslations49 } from "next-intl";
@@ -6185,7 +6195,7 @@ function SiteHeader({
   const router = useRouter17();
   const t = useTranslations49();
   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: [
@@ -6232,7 +6242,7 @@ function SiteHeaderSecondary({
 }) {
   const pathname = usePathname4();
   const t = useTranslations49();
-  const [, setMobileNavOpen] = useState20(false);
+  const [, setMobileNavOpen] = useState19(false);
   return /* @__PURE__ */ jsxs50(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
     /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-4.5", children: [
       logo,
@@ -6264,9 +6274,9 @@ function SiteHeaderSecondary({
 }
 
 // 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";
 var SIDEBAR_WIDTH = "240px";
 var HEADER_HEIGHT = "54px";
@@ -6280,7 +6290,7 @@ function LayoutProvider({
   logoHeader = /* @__PURE__ */ jsx60(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 +6302,7 @@ function LayoutProvider({
     ...customStyle
   };
   const sidebarToggle = () => setIsSidebarOpen((open) => !open);
-  useEffect17(() => {
+  useEffect16(() => {
     if (bodyClassName) {
       const body = document.body;
       const existingClasses = body.className;
@@ -6317,7 +6327,7 @@ function LayoutProvider({
         "div",
         {
           "data-slot": "layout-wrapper",
-          className: cn43("flex grow", className),
+          className: cn42("flex grow", className),
           "data-sidebar-open": isSidebarOpen,
           style,
           children
@@ -6351,13 +6361,599 @@ function LayoutWrapper({
   ] });
 }
 
+// src/ui/pages/accept-invitation.tsx
+import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useRouter as useRouter18, useSearchParams as useSearchParams6 } from "next/navigation";
+import { CheckIcon as CheckIcon5, XIcon } from "lucide-react";
+import { useTranslations as useTranslations50 } from "next-intl";
+import { cn as cn43 } from "pelatform-ui";
+import { AlertToast as AlertToast25 } from "pelatform-ui/components";
+import { Button as Button36, Card as Card11, CardContent as CardContent3, CardHeader as CardHeader2, Skeleton as Skeleton11, Spinner as Spinner20 } from "pelatform-ui/default";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+function AcceptInvitation({
+  className,
+  classNames,
+  redirectTo = "/"
+}) {
+  const router = useRouter18();
+  const searchParams = useSearchParams6();
+  const t = useTranslations50();
+  const { data: sessionData } = useSession();
+  const [invitationId, setInvitationId] = useState21(null);
+  useEffect17(() => {
+    const invitationIdParam = searchParams.get("id");
+    if (!invitationIdParam) {
+      AlertToast25({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    setInvitationId(invitationIdParam);
+  }, [router, redirectTo, searchParams.get, t]);
+  if (!sessionData || !invitationId) {
+    return /* @__PURE__ */ jsx62(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsx62(
+    AcceptInvitationContent,
+    {
+      className,
+      classNames,
+      invitationId,
+      redirectTo
+    }
+  );
+}
+function AcceptInvitationContent({
+  className,
+  classNames,
+  invitationId,
+  redirectTo
+}) {
+  const { authClient } = useConfig();
+  const router = useRouter18();
+  const t = useTranslations50();
+  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) {
+      AlertToast25({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    if (invitation.status !== "pending" || new Date(invitation.expiresAt) < /* @__PURE__ */ new Date()) {
+      AlertToast25({
+        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 }
+      });
+      AlertToast25({
+        message: t("systems.INVITATION_ACCEPTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast25({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsAccepting(false);
+    }
+  };
+  const rejectInvitation = async () => {
+    setIsRejecting(true);
+    try {
+      await authClient.organization.rejectInvitation({
+        invitationId,
+        fetchOptions: { throw: true }
+      });
+      AlertToast25({
+        message: t("systems.INVITATION_REJECTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast25({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsRejecting(false);
+    }
+  };
+  if (!invitation) {
+    return /* @__PURE__ */ jsx62(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsxs52(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx62(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx62(
+      CardHeaderComponent,
+      {
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION")
+      }
+    ) }),
+    /* @__PURE__ */ jsxs52(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs52(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx62(
+          WorkspaceView,
+          {
+            workspace: {
+              id: invitation.organizationId,
+              name: invitation.organizationName,
+              slug: invitation.organizationSlug,
+              // logo: invitation.organizationLogo,
+              createdAt: /* @__PURE__ */ new Date()
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx62("p", { className: "ms-auto font-semibold text-muted-foreground text-sm", children: t(`systems.${invitation?.role.toUpperCase()}`) || invitation?.role })
+      ] }),
+      /* @__PURE__ */ jsxs52("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs52(
+          Button36,
+          {
+            variant: "destructive",
+            className: cn43(classNames?.button, classNames?.destructiveButton),
+            onClick: rejectInvitation,
+            disabled: isProcessing,
+            children: [
+              isRejecting ? /* @__PURE__ */ jsx62(Spinner20, {}) : /* @__PURE__ */ jsx62(XIcon, {}),
+              t("systems.REJECT")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs52(
+          Button36,
+          {
+            className: cn43(classNames?.button, classNames?.primaryButton),
+            onClick: acceptInvitation,
+            disabled: isProcessing,
+            children: [
+              isAccepting ? /* @__PURE__ */ jsx62(Spinner20, {}) : /* @__PURE__ */ jsx62(CheckIcon5, {}),
+              t("systems.ACCEPT")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AcceptInvitationSkeleton({ className, classNames }) {
+  const t = useTranslations50();
+  return /* @__PURE__ */ jsxs52(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx62(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx62(
+      CardHeaderComponent,
+      {
+        className: "w-full",
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION"),
+        isPending: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs52(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs52(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx62(WorkspaceView, { isPending: true }),
+        /* @__PURE__ */ jsx62(Skeleton11, { className: "ms-auto mt-0.5 h-4 w-full max-w-14 shrink-2" })
+      ] }),
+      /* @__PURE__ */ jsxs52("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx62(Skeleton11, { className: "h-9 w-full" }),
+        /* @__PURE__ */ jsx62(Skeleton11, { className: "h-9 w-full" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/pages/new-workspace.tsx
+import Link11 from "next/link";
+import { useRouter as useRouter19, useSearchParams as useSearchParams7 } from "next/navigation";
+import { zodResolver as zodResolver15 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations51 } from "next-intl";
+import { useForm as useForm16 } from "react-hook-form";
+import slugify from "slugify";
+import { z as z15 } from "zod";
+import { cn as cn44 } from "pelatform-ui";
+import { AlertToast as AlertToast26 } from "pelatform-ui/components";
+import {
+  Button as Button37,
+  buttonVariants,
+  Card as Card12,
+  CardContent as CardContent4,
+  CardHeader as CardHeader3,
+  Form as Form16,
+  FormControl as FormControl15,
+  FormField as FormField15,
+  FormItem as FormItem15,
+  FormLabel as FormLabel14,
+  FormMessage as FormMessage15,
+  Input as Input12,
+  Spinner as Spinner21
+} from "pelatform-ui/default";
+import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
+function NewWorkspace({ className, classNames }) {
+  const searchParams = useSearchParams7();
+  const t = useTranslations51();
+  const hasWorkspaces = searchParams.get("workspaces") === "true";
+  return /* @__PURE__ */ jsxs53(Card12, { className: cn44("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx63(CardHeader3, { className: "py-4", children: /* @__PURE__ */ jsx63(
+      CardHeaderComponent,
+      {
+        className: "w-full text-center",
+        title: t("systems.NEW_ORGANIZATION_TITLE"),
+        description: t(
+          hasWorkspaces ? "systems.NEW_ORGANIZATION_DESCRIPTION_HAS" : "systems.NEW_ORGANIZATION_DESCRIPTION"
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx63(CardContent4, { className: cn44("flex flex-col gap-6 truncate", classNames?.content), children: /* @__PURE__ */ jsx63(NewWorkspaceForm, { hasWorkspaces }) })
+  ] });
+}
+function NewWorkspaceForm({ hasWorkspaces = false }) {
+  const { authClient, path } = useConfig();
+  const router = useRouter19();
+  const t = useTranslations51();
+  const RESERVED_SLUGS = [
+    // Main routes
+    path.main.ERROR.replace("/", ""),
+    path.main.HOME.replace("/", ""),
+    path.main.FEATURES.replace("/", ""),
+    path.main.PRICING.replace("/", ""),
+    path.main.TERMS.replace("/", ""),
+    path.main.PRIVACY.replace("/", ""),
+    // Auth routes
+    path.auth.EMAIL_OTP.replace("/", ""),
+    path.auth.FORGOT_PASSWORD.replace("/", ""),
+    path.auth.MAGIC_LINK.replace("/", ""),
+    path.auth.RECOVER_ACCOUNT.replace("/", ""),
+    path.auth.RESET_PASSWORD.replace("/", ""),
+    path.auth.SIGN_IN.replace("/", ""),
+    path.auth.SIGN_OUT.replace("/", ""),
+    path.auth.SIGN_UP.replace("/", ""),
+    path.auth.TWO_FACTOR.replace("/", ""),
+    // System routes
+    "new",
+    "accept",
+    "invitation",
+    "join",
+    "verify",
+    "api",
+    "account",
+    "accounts",
+    "billing",
+    "billings",
+    "user",
+    "users",
+    "onboarding",
+    "organization",
+    "organizations",
+    "workspace",
+    "workspaces",
+    "setting",
+    "settings",
+    "apikey",
+    "apikeys",
+    "member",
+    "members",
+    "people",
+    "peoples",
+    // Next.js internals
+    "_next",
+    "static",
+    "favicon",
+    "robots",
+    "sitemap",
+    // Future-proofing common patterns
+    "admin",
+    "dashboard",
+    "app",
+    "www",
+    "home",
+    "blog",
+    "docs",
+    "help",
+    "support",
+    "about",
+    "contact",
+    "features",
+    "pricing",
+    "terms",
+    "privacy"
+  ];
+  const formSchema = z15.object({
+    name: z15.string().min(1, {
+      error: `${t("systems.ORGANIZATION_NAME")} ${t("systems.IS_REQUIRED")}`
+    }),
+    slug: z15.string().min(1, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_REQUIRED")}`
+    }).regex(/^[a-z0-9]+([a-z0-9-]*[a-z0-9])?$/, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_INVALID")}`
+    }).refine((slug) => !RESERVED_SLUGS.includes(slug), {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_INVALID")}`
+    })
+  });
+  const form = useForm16({
+    resolver: zodResolver15(formSchema),
+    defaultValues: {
+      name: "",
+      slug: ""
+    }
+  });
+  const watchedName = form.watch("name");
+  const watchedSlug = form.watch("slug");
+  const isSubmitting = form.formState.isSubmitting;
+  const disableSubmit = isSubmitting || !form.formState.isValid || !watchedName || !watchedSlug;
+  async function onSubmit({ name, slug }) {
+    const { error } = await authClient.organization.checkSlug({
+      slug
+    });
+    if (error) {
+      AlertToast26({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      console.log("check slug error", error);
+      return;
+    }
+    try {
+      const organization = await authClient.organization.create({
+        name,
+        slug,
+        logo: `https://api.dicebear.com/9.x/glass/svg?seed=${slug}`,
+        fetchOptions: { throw: true }
+      });
+      if (organization) {
+        console.log("setting active organization", organization.id);
+        await authClient.organization.setActive({
+          organizationId: organization.id
+        });
+        console.log("active organization set", organization.id);
+        router.push(`/${organization.slug}`);
+        AlertToast26({
+          message: t("systems.CREATE_ORGANIZATION_SUCCESS")
+        });
+      }
+    } catch (error2) {
+      AlertToast26({
+        message: getTranslations({ error: error2, t }),
+        icon: "destructive"
+      });
+    }
+  }
+  const handleSlugify = (slug) => {
+    return slugify(slug, { lower: true, strict: true, remove: /[*+~.()'"!:@]/g });
+  };
+  return /* @__PURE__ */ jsx63(Form16, { ...form, children: /* @__PURE__ */ jsxs53("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsx63(
+      FormField15,
+      {
+        control: form.control,
+        name: "name",
+        render: ({ field }) => /* @__PURE__ */ jsxs53(FormItem15, { children: [
+          /* @__PURE__ */ jsx63(FormLabel14, { children: t("systems.ORGANIZATION_NAME") }),
+          /* @__PURE__ */ jsx63(FormControl15, { children: /* @__PURE__ */ jsx63(
+            Input12,
+            {
+              placeholder: t("systems.ORGANIZATION_NAME_PLACEHOLDER"),
+              ...field,
+              onChange: (e) => {
+                const v = e.target.value;
+                field.onChange(v);
+                form.setValue("slug", handleSlugify(v), {
+                  shouldValidate: true,
+                  shouldDirty: true
+                });
+              },
+              onBlur: () => {
+                field.onBlur();
+                void handleSlugify(form.getValues("slug"));
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx63(FormMessage15, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx63(
+      FormField15,
+      {
+        control: form.control,
+        name: "slug",
+        render: ({ field }) => /* @__PURE__ */ jsxs53(FormItem15, { children: [
+          /* @__PURE__ */ jsx63(FormLabel14, { children: t("systems.ORGANIZATION_SLUG") }),
+          /* @__PURE__ */ jsx63(FormControl15, { children: /* @__PURE__ */ jsx63(Input12, { placeholder: t("systems.ORGANIZATION_SLUG_PLACEHOLDER"), ...field }) }),
+          /* @__PURE__ */ jsx63(FormMessage15, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs53(
+        Button37,
+        {
+          type: "submit",
+          className: cn44("w-full", disableSubmit && "pointer-events-auto! cursor-not-allowed"),
+          disabled: disableSubmit,
+          children: [
+            isSubmitting && /* @__PURE__ */ jsx63(Spinner21, {}),
+            t("systems.CREATE_ORGANIZATION")
+          ]
+        }
+      ),
+      hasWorkspaces && /* @__PURE__ */ jsx63(
+        Link11,
+        {
+          href: "/",
+          className: cn44(buttonVariants({ variant: "ghost", size: "lg" }), "w-full"),
+          children: t("systems.common.actions.backDashboard")
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/ui/pages/verify-email.tsx
+import { useEffect as useEffect18, useState as useState22 } from "react";
+import { useRouter as useRouter20 } from "next/navigation";
+import { useTranslations as useTranslations52 } from "next-intl";
+import { cn as cn45 } from "pelatform-ui";
+import { AlertToast as AlertToast27 } from "pelatform-ui/components";
+import { Button as Button38, Card as Card13, CardContent as CardContent5, CardHeader as CardHeader4, InputOTP as InputOTP3, Spinner as Spinner22 } from "pelatform-ui/default";
+import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
+function VerifyEmail({ className, classNames, callbackUrl, email }) {
+  const { authClient } = useConfig();
+  const router = useRouter20();
+  const t = useTranslations52();
+  const [otp, setOtp] = useState22("");
+  const [isLoading, setIsLoading] = useState22(false);
+  const [isResendLoading, setIsResendLoading] = useState22(false);
+  const [isResendSuccess, setIsResendSuccess] = useState22(false);
+  const [waitingSeconds, setWaitingSeconds] = useState22(30);
+  useEffect18(() => {
+    if (waitingSeconds > 0) {
+      const timeout = setTimeout(() => {
+        setWaitingSeconds(waitingSeconds - 1);
+      }, 1e3);
+      return () => clearTimeout(timeout);
+    }
+    if (waitingSeconds === 0 && isResendSuccess) {
+      setIsResendSuccess(false);
+    }
+  }, [waitingSeconds, isResendSuccess]);
+  const handleResendCode = async () => {
+    setIsResendLoading(true);
+    try {
+      await authClient.emailOtp.sendVerificationOtp({
+        email,
+        type: "email-verification"
+      });
+      AlertToast27({
+        message: t("systems.VERIFY_EMAIL_RESEND_SUCCESS")
+      });
+    } catch {
+      AlertToast27({
+        message: t("systems.VERIFY_EMAIL_RESEND_FAILED"),
+        icon: "destructive"
+      });
+    } finally {
+      setWaitingSeconds(30);
+      setIsResendLoading(false);
+      setIsResendSuccess(true);
+    }
+  };
+  const handleVerifyOtp = async () => {
+    setIsLoading(true);
+    try {
+      const result = await authClient.emailOtp.verifyEmail({
+        email,
+        otp
+      });
+      if (result.data) {
+        AlertToast27({
+          message: t("systems.VERIFY_EMAIL_SUCCESS")
+        });
+        router.push(callbackUrl);
+      } else {
+        AlertToast27({
+          message: t("systems.VERIFY_EMAIL_FAILED"),
+          icon: "destructive"
+        });
+      }
+    } catch {
+      AlertToast27({
+        message: t("systems.VERIFY_EMAIL_FAILED_TRY"),
+        icon: "destructive"
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const emailElement = () => /* @__PURE__ */ jsx64("span", { className: "block font-medium text-foreground", children: email });
+  return /* @__PURE__ */ jsxs54(Card13, { className: cn45("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx64(CardHeader4, { className: "py-4", children: /* @__PURE__ */ jsx64(
+      CardHeaderComponent,
+      {
+        className: "w-full text-center",
+        title: t("systems.VERIFY_EMAIL_TITLE"),
+        description: /* @__PURE__ */ jsxs54(Fragment21, { children: [
+          t("systems.VERIFY_EMAIL_DESCRIPTION"),
+          " ",
+          emailElement()
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs54(CardContent5, { className: cn45("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsx64(
+        InputOTP3,
+        {
+          maxLength: 6,
+          onChange: (value) => setOtp(value),
+          value: otp,
+          containerClassName: "justify-center",
+          children: /* @__PURE__ */ jsx64(OTPInputGroup, { otpSeparators: 1 })
+        }
+      ),
+      /* @__PURE__ */ jsxs54("div", { className: "flex w-full flex-col items-center gap-4", children: [
+        /* @__PURE__ */ jsxs54(
+          Button38,
+          {
+            className: cn45(
+              "flex w-full items-center justify-center",
+              otp.length !== 6 && "cursor-not-allowed"
+            ),
+            onClick: handleVerifyOtp,
+            disabled: otp.length !== 6,
+            children: [
+              isLoading && /* @__PURE__ */ jsx64(Spinner22, {}),
+              t("systems.VERIFY_EMAIL_BUTTON")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs54("div", { className: "flex flex-col items-center gap-3", children: [
+          /* @__PURE__ */ jsx64("p", { className: "text-muted-foreground text-sm", children: t("systems.VERIFY_EMAIL_NOT_RECEIVE") }),
+          /* @__PURE__ */ jsxs54(
+            Button38,
+            {
+              variant: "outline",
+              className: cn45(
+                "text-muted-foreground",
+                isResendLoading || waitingSeconds > 0 && "cursor-not-allowed"
+              ),
+              onClick: handleResendCode,
+              disabled: waitingSeconds > 0,
+              children: [
+                isResendLoading && /* @__PURE__ */ jsx64(Spinner22, {}),
+                isResendLoading ? `${t("systems.VERIFY_EMAIL_SENDING")}` : waitingSeconds > 0 ? `${t("systems.VERIFY_EMAIL_RESEND")} (${waitingSeconds}s)` : t("systems.VERIFY_EMAIL_RESEND")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
 // src/ui/providers/shared.tsx
 import { Suspense as Suspense2 } from "react";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { NextIntlClientProvider } from "next-intl";
 import { QueryProvider, ThemeProvider } from "pelatform-ui/components";
 import { Toaster as Sonner } from "pelatform-ui/default";
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
 function SharedProviders({
   children,
   locale,
@@ -6366,20 +6962,161 @@ 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__ */ jsxs55(QueryProvider, { children: [
+    /* @__PURE__ */ jsx65(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx65(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs55(Suspense2, { children: [
       children,
-      /* @__PURE__ */ jsx62(Sonner, { position: sonnerPosition })
+      /* @__PURE__ */ jsx65(Sonner, { position: sonnerPosition })
     ] }) }) }),
-    /* @__PURE__ */ jsx62(ReactQueryDevtools, { initialIsOpen: false })
+    /* @__PURE__ */ jsx65(ReactQueryDevtools, { initialIsOpen: false })
   ] });
 }
 
+// src/ui/providers/workspace.tsx
+import { useCallback as useCallback5, useContext as useContext14, useEffect as useEffect19, useState as useState23 } from "react";
+import { notFound, usePathname as usePathname5, useRouter as useRouter21 } from "next/navigation";
+import { useMutation as useMutation3, useQuery as useQuery3, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { AlertToast as AlertToast28 } from "pelatform-ui/components";
+import { jsx as jsx66 } from "react/jsx-runtime";
+function WorkspaceProvider({
+  children,
+  initialWorkspace,
+  workspaceSlug,
+  fetchWorkspaceList = "api/workspaces",
+  fetchWorkspaceBySlug = "api/workspace/s"
+}) {
+  const { authClient } = useConfig();
+  const { queryKey } = useContext14(QueryContext);
+  const pathname = usePathname5();
+  const queryClient = useQueryClient3();
+  const router = useRouter21();
+  const [activeWorkspace, setActiveWorkspace] = useState23(initialWorkspace);
+  const [isSwitchingWorkspace, setIsSwitchingWorkspace] = useState23(false);
+  const shouldFetchWorkspace = !!workspaceSlug && (!activeWorkspace || activeWorkspace.slug !== workspaceSlug);
+  const { data: usersWorkspaces } = useQuery3({
+    queryKey: queryKey.workspaceList,
+    queryFn: async () => {
+      const response = await request(fetchWorkspaceList);
+      return response.data;
+    }
+  });
+  const fetchWorkspaceData = async (slug) => {
+    try {
+      const response = await request(`${fetchWorkspaceBySlug}/${slug}`);
+      if (response.status === 200) {
+        setActiveWorkspace(response.data);
+        return response.data;
+      }
+      if (response.status === 404) {
+        console.error("Workspace not found");
+        return notFound();
+      }
+      console.error(`Unexpected status code: ${response.status}`);
+      return null;
+    } catch (error) {
+      console.error("Failed to fetch workspace data:", error);
+      return null;
+    }
+  };
+  const { data: fetchedActiveWorkspace, isLoading: isFetchingActiveWorkspace } = useQuery3({
+    queryKey: queryKey.workspaceBySlug(workspaceSlug),
+    queryFn: () => fetchWorkspaceData(workspaceSlug),
+    enabled: shouldFetchWorkspace,
+    initialData: initialWorkspace && initialWorkspace.slug === workspaceSlug ? initialWorkspace : void 0,
+    staleTime: 5 * 60 * 1e3,
+    gcTime: 10 * 60 * 1e3
+  });
+  const { mutateAsync: updateActiveWorkspaceMutation } = useMutation3({
+    mutationFn: async (workspace) => {
+      setIsSwitchingWorkspace(true);
+      setActiveWorkspace(
+        (prev) => ({
+          ...prev,
+          ...workspace
+        })
+      );
+      if (workspace.slug) {
+        setLastVisitedWorkspace(workspace.slug);
+      }
+      if (!workspace.id) {
+        throw new Error("Workspace ID is required for switching");
+      }
+      const { data, error } = await authClient.organization.setActive({
+        organizationId: workspace.id
+      });
+      if (error) {
+        AlertToast28({
+          message: error.message,
+          icon: "destructive"
+        });
+        throw new Error(error.message);
+      }
+      return data;
+    },
+    onSuccess: (data) => {
+      if (data) {
+        queryClient.removeQueries({
+          predicate: (query) => {
+            const key = query.queryKey;
+            return Array.isArray(key) && key.length >= 2 && typeof key[1] === "string" && WORKSPACE_SCOPED_PREFIXES.includes(key[0]);
+          }
+        });
+        queryClient.setQueryData(queryKey.workspaceBySlug(data.slug), data);
+        queryClient.setQueryData(queryKey.workspaceById(data.id), data);
+        const pathSegments = pathname.split("/").filter(Boolean);
+        const pathAfterWorkspace = pathSegments.slice(1).join("/");
+        const newPath = pathAfterWorkspace ? `/${data.slug}/${pathAfterWorkspace}` : `/${data.slug}`;
+        router.push(newPath);
+      }
+      setIsSwitchingWorkspace(false);
+    },
+    onError: (error) => {
+      console.error("Failed to switch workspace:", error);
+      if (initialWorkspace) {
+        setActiveWorkspace(initialWorkspace);
+        setLastVisitedWorkspace(initialWorkspace.slug);
+      }
+      setIsSwitchingWorkspace(false);
+    }
+  });
+  const updateActiveWorkspace = useCallback5(
+    async (workspace) => {
+      await updateActiveWorkspaceMutation(workspace);
+    },
+    [updateActiveWorkspaceMutation]
+  );
+  useEffect19(() => {
+    if (fetchedActiveWorkspace && workspaceSlug !== fetchedActiveWorkspace.slug && !isSwitchingWorkspace) {
+      updateActiveWorkspace(fetchedActiveWorkspace);
+    }
+  }, [fetchedActiveWorkspace, workspaceSlug, isSwitchingWorkspace, updateActiveWorkspace]);
+  const isFetchingWorkspace = isFetchingActiveWorkspace || isSwitchingWorkspace;
+  const isOwner = activeWorkspace?.currentUserRole === "owner";
+  const isAdmin = activeWorkspace?.currentUserRole === "admin";
+  const isMember = activeWorkspace?.currentUserRole === "member";
+  const currentUserRole = activeWorkspace?.currentUserRole || null;
+  return /* @__PURE__ */ jsx66(
+    WorkspaceContext.Provider,
+    {
+      value: {
+        activeWorkspace,
+        workspaceList: usersWorkspaces ?? null,
+        isFetchingWorkspace,
+        isOwner,
+        isAdmin,
+        isMember,
+        currentUserRole,
+        updateActiveWorkspace
+      },
+      children
+    }
+  );
+}
+
 // 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 Link12 from "next/link";
+import { useTranslations as useTranslations53 } from "next-intl";
+import { cn as cn46 } from "pelatform-ui";
+import { jsx as jsx67, jsxs as jsxs56 } from "react/jsx-runtime";
 function EmptyState({
   className,
   icon: Icon,
@@ -6389,15 +7126,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 = useTranslations53();
+  return /* @__PURE__ */ jsxs56("div", { className: cn46("flex flex-col items-center justify-center gap-y-4", className), children: [
+    Icon && /* @__PURE__ */ jsx67("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx67(Icon, { className: "size-6 text-foreground" }) }),
+    /* @__PURE__ */ jsx67("p", { className: "text-center font-medium text-base text-foreground", children: title }),
+    description && /* @__PURE__ */ jsxs56("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
       description,
       " ",
-      learnMore && /* @__PURE__ */ jsxs53(
-        Link11,
+      learnMore && /* @__PURE__ */ jsxs56(
+        Link12,
         {
           href: learnMore,
           className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
@@ -6457,6 +7194,8 @@ export {
   MagicLinkButton,
   MagicLinkForm,
   MultiAccountCard,
+  NewWorkspace,
+  NewWorkspaceForm,
   OTPInputGroup,
   OneTap,
   PasskeyButton,
@@ -6476,6 +7215,7 @@ export {
   SidebarContent,
   SidebarContentMenu,
   SidebarHeaderBack,
+  SidebarHeaderWorkspaces,
   SignInForm,
   SignOut,
   SignUpForm,
@@ -6492,7 +7232,11 @@ export {
   UserAvatar,
   UserMenu,
   UserView,
+  VerifyEmail,
+  WorkspaceContext,
   WorkspaceLogo,
+  WorkspaceProvider,
+  WorkspaceSwitcher,
   WorkspaceView,
   getUserName,
   useAccountInfo,
@@ -6518,5 +7262,6 @@ export {
   useSession,
   useSetActiveSession,
   useUnlinkAccount,
-  useUpdateUser
+  useUpdateUser,
+  useWorkspace
 };