@pelatform/starter 0.1.5 → 0.1.7

package/dist/index.js

@@ -1,36 +1,12 @@
 "use client";
-'use client';
-
 import {
-  AppleIcon,
-  DiscordIcon,
-  DropboxIcon,
-  FacebookIcon,
-  GitHubIcon,
-  GitLabIcon,
-  GoogleIcon,
-  HuggingFaceIcon,
-  KickIcon,
-  LinearIcon,
-  LinkedInIcon,
-  MicrosoftIcon,
-  NotionIcon,
-  RedditIcon,
-  RobloxIcon,
-  SlackIcon,
-  SpotifyIcon,
-  TikTokIcon,
-  TwitchIcon,
-  VKIcon,
-  XIcon,
-  ZoomIcon,
   defaultAuthQueryOptions,
   fileToBase64,
   getPasswordSchema,
   getTranslations,
   resizeAndCropImage,
   socialProviders
-} from "./chunk-ZWKHMRY6.js";
+} from "./chunk-2ZAZ77F6.js";
 
 // src/config/hook.ts
 import { useContext } from "react";
@@ -123,7 +99,6 @@ var defaultConfig = {
       PRIVACY: "/privacy"
     },
     auth: {
-      ACCEPT_INVITATION: "/join",
       CALLBACK: "/callback",
       EMAIL_OTP: "/otp",
       FORGOT_PASSWORD: "/forgot-password",
@@ -155,6 +130,10 @@ var defaultConfig = {
     admin: {
       OVERVIEW: "/admin/overview",
       USERS: "/admin/users"
+    },
+    custom: {
+      ACCEPT_INVITATION: "/join",
+      NEW_WORKSPACE: "/new"
     }
   },
   ui: {
@@ -235,10 +214,7 @@ import { useContext as useContext5 } from "react";
 
 // src/hooks/auth-mutation.ts
 import { useContext as useContext2 } from "react";
-import {
-  useMutation,
-  useQueryClient
-} from "@pelatform/ui/re/tanstack-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 function useAuthMutation({
   queryKey,
   mutationFn,
@@ -291,11 +267,11 @@ var useOnMutateError = () => {
 // src/hooks/auth-query.ts
 import { useContext as useContext4 } from "react";
 import { skipToken } from "@tanstack/query-core";
-import { useQuery as useQuery2 } from "@pelatform/ui/re/tanstack-query";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
 
 // src/hooks/use-session.ts
 import { useContext as useContext3 } from "react";
-import { useQuery } from "@pelatform/ui/re/tanstack-query";
+import { useQuery } from "@tanstack/react-query";
 function useSession(options) {
   const { authClient } = useConfig();
   const { sessionQueryOptions, queryOptions, queryKey } = useContext3(QueryContext);
@@ -389,10 +365,7 @@ function useListApiKeys(options) {
 
 // src/hooks/device-sessions.ts
 import { useContext as useContext7 } from "react";
-import {
-  useMutation as useMutation2,
-  useQueryClient as useQueryClient2
-} from "@pelatform/ui/re/tanstack-query";
+import { useMutation as useMutation2, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 function useListDeviceSessions(options) {
   const { authClient } = useConfig();
   const { queryKey } = useContext7(QueryContext);
@@ -510,13 +483,12 @@ var useLayout = () => {
 // src/hooks/use-onsuccess-transition.ts
 import { useCallback, useEffect, useState, useTransition } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
-import { REDIRECT_QUERY_PARAM } from "@pelatform/utils";
 function useOnSuccessTransition(redirectToProp) {
   const { auth } = useConfig();
   const router = useRouter();
   const searchParams = useSearchParams();
   const { refetch: refetchSession } = useSession();
-  const redirectTo = redirectToProp || searchParams?.get(REDIRECT_QUERY_PARAM) || auth.redirectAfterSignIn;
+  const redirectTo = redirectToProp || searchParams?.get("redirectTo") || auth.redirectAfterSignIn;
   const [isPending, startTransition] = useTransition();
   const [success, setSuccess] = useState(false);
   useEffect(() => {
@@ -549,15 +521,32 @@ function useUpdateUser(options) {
   });
 }
 
+// src/hooks/use-invitation.ts
+import { useContext as useContext12 } from "react";
+function useInvitation(params, options) {
+  const { authClient } = useConfig();
+  const { queryKey: key } = useContext12(QueryContext);
+  const queryKey = [key.invitationKey, JSON.stringify(params)];
+  return useAuthQuery({
+    queryKey,
+    queryFn: (fnParams) => authClient.organization.getInvitation({
+      ...params,
+      ...fnParams
+    }),
+    options
+  });
+}
+
 // src/ui/account/dialogs/backup-codes.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { useTranslations as useTranslations2 } from "next-intl";
-import { Button as Button2 } from "@pelatform/ui/default";
-import { useCopyToClipboard } from "@pelatform/ui/hooks";
-import { cn as cn2 } from "@pelatform/utils";
+import { cn as cn2 } from "pelatform-ui";
+import { Button as Button2 } from "pelatform-ui/default";
+import { useCopyToClipboard } from "pelatform-ui/hooks";
 
 // src/ui/shared/components/dialog.tsx
 import { useTranslations } from "next-intl";
+import { cn } from "pelatform-ui";
 import {
   Button,
   Dialog,
@@ -566,8 +555,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "@pelatform/ui/default";
-import { cn } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function DialogComponent({
   children,
@@ -686,8 +674,12 @@ function BackupCodesDialog({
 
 // src/ui/account/dialogs/delete-account.tsx
 import { useRouter as useRouter2 } from "next/navigation";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations5 } from "next-intl";
-import { AlertToast } from "@pelatform/ui/components";
+import { 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,
   Card,
@@ -698,17 +690,13 @@ import {
   FormLabel,
   FormMessage,
   Spinner
-} from "@pelatform/ui/default";
-import { useForm } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver } from "@pelatform/ui/re/resolver";
-import { z } from "@pelatform/ui/re/zod";
-import { cn as cn6 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 
 // src/ui/shared/password-input.tsx
 import { useState as useState2 } from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { Button as Button3, Input } from "@pelatform/ui/default";
-import { cn as cn3 } from "@pelatform/utils";
+import { cn as cn3 } from "pelatform-ui";
+import { Button as Button3, Input } from "pelatform-ui/default";
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function PasswordInput({
   className,
@@ -761,15 +749,15 @@ function PasswordInput({
 // src/ui/shared/view.tsx
 import { KeyRoundIcon } from "lucide-react";
 import { useLocale, useTranslations as useTranslations4 } from "next-intl";
-import { Skeleton as Skeleton2 } from "@pelatform/ui/default";
-import { cn as cn5 } from "@pelatform/utils";
+import { cn as cn5 } from "pelatform-ui";
+import { Skeleton as Skeleton2 } from "pelatform-ui/default";
 
 // src/ui/shared/avatar.tsx
-import { UserRoundIcon } from "lucide-react";
+import { BuildingIcon, UserRoundIcon } from "lucide-react";
 import { useTranslations as useTranslations3 } from "next-intl";
-import { getInitials } from "@pelatform/ui/components";
-import { Avatar, AvatarFallback, AvatarImage, Skeleton } from "@pelatform/ui/default";
-import { cn as cn4 } from "@pelatform/utils";
+import { cn as cn4 } from "pelatform-ui";
+import { getInitials } from "pelatform-ui/components";
+import { Avatar, AvatarFallback, AvatarImage, Skeleton } from "pelatform-ui/default";
 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";
@@ -828,6 +816,57 @@ function UserAvatar({
     }
   );
 }
+function WorkspaceLogo({
+  className,
+  classNames,
+  isPending,
+  size,
+  workspace,
+  ...props
+}) {
+  const t = useTranslations3();
+  const name = workspace?.name;
+  const src = workspace?.logo;
+  if (isPending) {
+    return /* @__PURE__ */ jsx5(
+      Skeleton,
+      {
+        className: cn4(
+          "shrink-0 rounded-full",
+          getSize(size),
+          className,
+          classNames?.base,
+          classNames?.skeleton
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs4(
+    Avatar,
+    {
+      className: cn4("rounded-full bg-accent", getSize(size), className, classNames?.base),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx5(
+          AvatarImage,
+          {
+            src: src || void 0,
+            alt: name || t("systems.ORGANIZATION"),
+            className: classNames?.image
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          AvatarFallback,
+          {
+            className: cn4("text-foreground", classNames?.fallback),
+            delayMs: src ? 600 : void 0,
+            children: /* @__PURE__ */ jsx5(BuildingIcon, { className: cn4("size-[50%]", classNames?.fallbackIcon) })
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/ui/shared/view.tsx
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -919,6 +958,68 @@ function ApiKeyView({ className, classNames, apiKey }) {
     ] })
   ] });
 }
+function WorkspaceView({ className, classNames, isPending, size, workspace }) {
+  const t = useTranslations4();
+  return /* @__PURE__ */ jsxs5("div", { className: cn5("flex items-center gap-2 truncate", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx6(
+      WorkspaceLogo,
+      {
+        className: cn5(size !== "sm" && "my-0.5"),
+        classNames: classNames?.avatar,
+        isPending,
+        workspace,
+        size
+      }
+    ),
+    /* @__PURE__ */ jsx6("div", { className: cn5("flex flex-col truncate text-start leading-tight", classNames?.content), children: isPending ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsx6(
+        Skeleton2,
+        {
+          className: cn5(
+            "max-w-full",
+            size === "lg" ? "h-4.5 w-32" : "h-3.5 w-24",
+            classNames?.title,
+            classNames?.skeleton
+          )
+        }
+      ),
+      size !== "sm" && /* @__PURE__ */ jsx6(
+        Skeleton2,
+        {
+          className: cn5(
+            "mt-1.5 max-w-full",
+            size === "lg" ? "h-3.5 w-24" : "h-3 w-16",
+            classNames?.subtitle,
+            classNames?.skeleton
+          )
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsx6(
+        "span",
+        {
+          className: cn5(
+            "truncate font-semibold",
+            size === "lg" ? "text-base" : "text-sm",
+            classNames?.title
+          ),
+          children: workspace?.name || t("systems.ORGANIZATION")
+        }
+      ),
+      size !== "sm" && workspace?.slug && /* @__PURE__ */ jsx6(
+        "span",
+        {
+          className: cn5(
+            "truncate opacity-70",
+            size === "lg" ? "text-sm" : "text-xs",
+            classNames?.subtitle
+          ),
+          children: workspace.slug
+        }
+      )
+    ] }) })
+  ] });
+}
 
 // src/ui/account/dialogs/delete-account.tsx
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -1046,8 +1147,8 @@ function DeleteAccountDialog({
 // src/ui/account/dialogs/session-freshness.tsx
 import { useRouter as useRouter3 } from "next/navigation";
 import { useTranslations as useTranslations6 } from "next-intl";
-import { Button as Button5 } from "@pelatform/ui/default";
-import { cn as cn7 } from "@pelatform/utils";
+import { cn as cn7 } from "pelatform-ui";
+import { Button as Button5 } from "pelatform-ui/default";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function SessionFreshnessDialog({
   classNames,
@@ -1088,8 +1189,12 @@ function SessionFreshnessDialog({
 // src/ui/account/dialogs/two-factor-password.tsx
 import { useState as useState3 } from "react";
 import { useRouter as useRouter4 } from "next/navigation";
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations7 } from "next-intl";
-import { AlertToast as AlertToast2 } from "@pelatform/ui/components";
+import { 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,
   Form as Form2,
@@ -1099,11 +1204,7 @@ import {
   FormLabel as FormLabel2,
   FormMessage as FormMessage2,
   Spinner as Spinner2
-} from "@pelatform/ui/default";
-import { useForm as useForm2 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver2 } from "@pelatform/ui/re/resolver";
-import { z as z2 } from "@pelatform/ui/re/zod";
-import { cn as cn8 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function TwoFactorPasswordDialog({
   classNames,
@@ -1250,9 +1351,9 @@ import { useState as useState4 } from "react";
 import { useTranslations as useTranslations8 } from "next-intl";
 
 // src/ui/shared/components/card.tsx
-import { Button as Button7, Card as Card2, CardContent, CardFooter, Skeleton as Skeleton3, Spinner as Spinner3 } from "@pelatform/ui/default";
-import { useFormState } from "@pelatform/ui/re/react-hook-form";
-import { cn as cn9 } from "@pelatform/utils";
+import { useFormState } from "react-hook-form";
+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,
@@ -1467,14 +1568,14 @@ function DeleteAccountCard({
 import { useRef, useState as useState5 } from "react";
 import { Trash2Icon, UploadCloudIcon } from "lucide-react";
 import { useTranslations as useTranslations9 } from "next-intl";
-import { AlertToast as AlertToast3 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast3 } from "pelatform-ui/components";
 import {
   Button as Button8,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger
-} from "@pelatform/ui/default";
+} from "pelatform-ui/default";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function FormAvatarCard({
   className,
@@ -1597,8 +1698,12 @@ function FormAvatarCard({
 
 // src/ui/account/partials/form-email.tsx
 import { useState as useState6 } from "react";
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations10 } from "next-intl";
-import { AlertToast as AlertToast4 } from "@pelatform/ui/components";
+import { 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,
   FormControl as FormControl3,
@@ -1607,11 +1712,7 @@ import {
   FormMessage as FormMessage3,
   Input as Input2,
   Skeleton as Skeleton4
-} from "@pelatform/ui/default";
-import { useForm as useForm3 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver3 } from "@pelatform/ui/re/resolver";
-import { z as z3 } from "@pelatform/ui/re/zod";
-import { cn as cn10 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function FormEmailCard({ className, classNames, ...props }) {
   const { authClient, auth } = useConfig();
@@ -1730,8 +1831,12 @@ function FormEmailCard({ className, classNames, ...props }) {
 }
 
 // src/ui/account/partials/form-fields.tsx
+import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations11 } from "next-intl";
-import { AlertToast as AlertToast5 } from "@pelatform/ui/components";
+import { 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,
   Form as Form4,
@@ -1743,11 +1848,7 @@ import {
   Input as Input3,
   Skeleton as Skeleton5,
   Textarea
-} from "@pelatform/ui/default";
-import { useForm as useForm4 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver4 } from "@pelatform/ui/re/resolver";
-import { z as z4 } from "@pelatform/ui/re/zod";
-import { cn as cn11 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function FormFieldsCard({
   className,
@@ -1930,8 +2031,12 @@ function FormNameCard({ className, classNames, ...props }) {
 }
 
 // src/ui/account/partials/form-password.tsx
+import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations13 } from "next-intl";
-import { AlertToast as AlertToast6 } from "@pelatform/ui/components";
+import { 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,
   FormControl as FormControl5,
@@ -1939,15 +2044,11 @@ import {
   FormItem as FormItem5,
   FormLabel as FormLabel4,
   FormMessage as FormMessage5
-} from "@pelatform/ui/default";
-import { useForm as useForm5 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver5 } from "@pelatform/ui/re/resolver";
-import { z as z5 } from "@pelatform/ui/re/zod";
-import { cn as cn13 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 
 // src/ui/shared/components/skeleton.tsx
-import { Card as Card3, Skeleton as Skeleton6 } from "@pelatform/ui/default";
-import { cn as cn12 } from "@pelatform/utils";
+import { cn as cn12 } from "pelatform-ui";
+import { Card as Card3, Skeleton as Skeleton6 } from "pelatform-ui/default";
 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: [
@@ -2171,7 +2272,8 @@ import { useState as useState7 } from "react";
 import { useRouter as useRouter5 } from "next/navigation";
 import { EllipsisIcon, LogOutIcon, RepeatIcon, UserX2Icon } from "lucide-react";
 import { useTranslations as useTranslations15 } from "next-intl";
-import { AlertToast as AlertToast7 } from "@pelatform/ui/components";
+import { cn as cn14 } from "pelatform-ui";
+import { AlertToast as AlertToast7 } from "pelatform-ui/components";
 import {
   Button as Button9,
   Card as Card4,
@@ -2180,8 +2282,7 @@ import {
   DropdownMenuItem as DropdownMenuItem2,
   DropdownMenuTrigger as DropdownMenuTrigger2,
   Spinner as Spinner4
-} from "@pelatform/ui/default";
-import { cn as cn14 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function MultiAccountCard({ className, classNames, ...props }) {
   const { path } = useConfig();
@@ -2323,10 +2424,10 @@ function MultiAccountCell({
 import { useState as useState8 } from "react";
 import { FingerprintIcon } from "lucide-react";
 import { useTranslations as useTranslations16 } from "next-intl";
-import { AlertToast as AlertToast8 } from "@pelatform/ui/components";
-import { Button as Button10, Card as Card5, Form as Form6, Spinner as Spinner5 } from "@pelatform/ui/default";
-import { useForm as useForm6 } from "@pelatform/ui/re/react-hook-form";
-import { cn as cn15 } from "@pelatform/utils";
+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 { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function PasskeysCard({ className, classNames, ...props }) {
   const { authClient, auth } = useConfig();
@@ -2449,9 +2550,9 @@ function PasskeyCell({
 // src/ui/account/partials/providers.tsx
 import { useState as useState9 } from "react";
 import { useTranslations as useTranslations17 } from "next-intl";
-import { 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 { 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 { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function ProvidersCard({
   className,
@@ -2581,9 +2682,9 @@ 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 { AlertToast as AlertToast10 } from "@pelatform/ui/components";
-import { Button as Button12, Card as Card7, Spinner as Spinner7 } from "@pelatform/ui/default";
-import { cn as cn17 } from "@pelatform/utils";
+import { 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 { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function SessionsCard({ className, classNames, ...props }) {
   const t = useTranslations18();
@@ -2704,7 +2805,7 @@ function TwoFactorCard({ className, classNames, ...props }) {
 }
 
 // src/ui/account/security.tsx
-import { cn as cn18 } from "@pelatform/utils";
+import { cn as cn18 } from "pelatform-ui";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function SecurityCards({
   className,
@@ -2751,12 +2852,13 @@ function SecurityCards({
 
 // src/ui/account/settings.tsx
 import { useTranslations as useTranslations21 } from "next-intl";
-import { cn as cn20 } from "@pelatform/utils";
+import { cn as cn20 } from "pelatform-ui";
 
 // src/ui/shared/display-id.tsx
 import { useRef as useRef2 } from "react";
 import { CheckIcon as CheckIcon2, CopyIcon as CopyIcon2 } from "lucide-react";
 import { useTranslations as useTranslations20 } from "next-intl";
+import { cn as cn19 } from "pelatform-ui";
 import {
   Button as Button13,
   Input as Input4,
@@ -2765,9 +2867,8 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "@pelatform/ui/default";
-import { useCopyToClipboard as useCopyToClipboard2 } from "@pelatform/ui/hooks";
-import { cn as cn19 } from "@pelatform/utils";
+} from "pelatform-ui/default";
+import { useCopyToClipboard as useCopyToClipboard2 } from "pelatform-ui/hooks";
 import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function DisplayIdCard({
   className,
@@ -2847,12 +2948,16 @@ function SettingsCards({
 // src/ui/apikeys/apikeys.tsx
 import { useMemo as useMemo2, useState as useState13 } from "react";
 import { useTranslations as useTranslations25 } from "next-intl";
-import { Button as Button17, Card as Card9 } from "@pelatform/ui/default";
-import { cn as cn24 } from "@pelatform/utils";
+import { cn as cn24 } from "pelatform-ui";
+import { Button as Button17, Card as Card9 } from "pelatform-ui/default";
 
 // src/ui/apikeys/create-apikey.tsx
+import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import { useLocale as useLocale2, useTranslations as useTranslations22 } from "next-intl";
-import { AlertToast as AlertToast11 } from "@pelatform/ui/components";
+import { 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,
   Form as Form7,
@@ -2868,11 +2973,7 @@ import {
   SelectTrigger,
   SelectValue,
   Spinner as Spinner8
-} from "@pelatform/ui/default";
-import { useForm as useForm7 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver6 } from "@pelatform/ui/re/resolver";
-import { z as z6 } from "@pelatform/ui/re/zod";
-import { cn as cn21 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function CreateApiKeyDialog({
   classNames,
@@ -3011,9 +3112,9 @@ function CreateApiKeyDialog({
 // src/ui/apikeys/delete-apikey.tsx
 import { useState as useState12 } from "react";
 import { useTranslations as useTranslations23 } from "next-intl";
-import { 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 { 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 { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function ApiKeyDeleteDialog({
   classNames,
@@ -3073,9 +3174,9 @@ function ApiKeyDeleteDialog({
 // src/ui/apikeys/display-apikey.tsx
 import { CheckIcon as CheckIcon3, CopyIcon as CopyIcon3 } from "lucide-react";
 import { useTranslations as useTranslations24 } from "next-intl";
-import { Button as Button16 } from "@pelatform/ui/default";
-import { useCopyToClipboard as useCopyToClipboard3 } from "@pelatform/ui/hooks";
-import { cn as cn23 } from "@pelatform/utils";
+import { cn as cn23 } from "pelatform-ui";
+import { Button as Button16 } from "pelatform-ui/default";
+import { useCopyToClipboard as useCopyToClipboard3 } from "pelatform-ui/hooks";
 import { Fragment as Fragment12, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function ApiKeyDisplayDialog({
   classNames,
@@ -3237,13 +3338,13 @@ function ApiKeyCell({
 import { useRouter as useRouter7 } from "next/navigation";
 import { LockIcon, MailIcon } from "lucide-react";
 import { useTranslations as useTranslations27 } from "next-intl";
-import { Button as Button18 } from "@pelatform/ui/default";
-import { cn as cn26 } from "@pelatform/utils";
+import { cn as cn26 } from "pelatform-ui";
+import { Button as Button18 } from "pelatform-ui/default";
 
 // src/ui/auth/partials/last-used-button.tsx
 import { useTranslations as useTranslations26 } from "next-intl";
-import { Badge } from "@pelatform/ui/default";
-import { cn as cn25 } from "@pelatform/utils";
+import { cn as cn25 } from "pelatform-ui";
+import { Badge } from "pelatform-ui/default";
 import { jsx as jsx31 } from "react/jsx-runtime";
 function LastUsedButton({
   className,
@@ -3304,8 +3405,8 @@ function EmailOTPButton({ className, classNames, isSubmitting, view }) {
 import { useRouter as useRouter8 } from "next/navigation";
 import { LockIcon as LockIcon2, MailIcon as MailIcon2 } from "lucide-react";
 import { useTranslations as useTranslations28 } from "next-intl";
-import { Button as Button19 } from "@pelatform/ui/default";
-import { cn as cn27 } from "@pelatform/utils";
+import { cn as cn27 } from "pelatform-ui";
+import { Button as Button19 } from "pelatform-ui/default";
 import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 function MagicLinkButton({ className, classNames, isSubmitting, view }) {
   const { path } = useConfig();
@@ -3341,7 +3442,7 @@ function MagicLinkButton({ className, classNames, isSubmitting, view }) {
 // src/ui/auth/partials/one-tap.tsx
 import { useEffect as useEffect2, useRef as useRef3 } from "react";
 import { useTranslations as useTranslations29 } from "next-intl";
-import { AlertToast as AlertToast13 } from "@pelatform/ui/components";
+import { AlertToast as AlertToast13 } from "pelatform-ui/components";
 function OneTap({ redirectTo }) {
   const { authClient } = useConfig();
   const t = useTranslations29();
@@ -3373,9 +3474,9 @@ function OneTap({ redirectTo }) {
 // src/ui/auth/partials/passkey-button.tsx
 import { FingerprintIcon as FingerprintIcon2 } from "lucide-react";
 import { useTranslations as useTranslations30 } from "next-intl";
-import { AlertToast as AlertToast14 } from "@pelatform/ui/components";
-import { Button as Button20 } from "@pelatform/ui/default";
-import { cn as cn28 } from "@pelatform/utils";
+import { cn as cn28 } from "pelatform-ui";
+import { AlertToast as AlertToast14 } from "pelatform-ui/components";
+import { Button as Button20 } from "pelatform-ui/default";
 import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
 function PasskeyButton({
   className,
@@ -3439,9 +3540,9 @@ function PasskeyButton({
 // src/ui/auth/partials/provider-button.tsx
 import { useSearchParams as useSearchParams2 } from "next/navigation";
 import { useTranslations as useTranslations31 } from "next-intl";
-import { 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 { 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 { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function ProviderButton({
   className,
@@ -3459,7 +3560,7 @@ function ProviderButton({
     try {
       await authClient.signIn.social({
         provider: provider.provider,
-        callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM2)}`,
+        callbackURL: `${app.url}${path.auth.CALLBACK}?redirectTo=${searchParams?.get(REDIRECT_QUERY_PARAM)}`,
         fetchOptions: { throw: true }
       });
     } catch (error) {
@@ -3503,7 +3604,7 @@ function ProviderButton({
 
 // src/ui/auth/callback.tsx
 import { useEffect as useEffect3, useRef as useRef4 } from "react";
-import { Spinner as Spinner10 } from "@pelatform/ui/default";
+import { Spinner as Spinner10 } from "pelatform-ui/default";
 import { jsx as jsx36 } from "react/jsx-runtime";
 function AuthCallback({ redirectTo }) {
   const { onSuccess } = useOnSuccessTransition(redirectTo);
@@ -3518,8 +3619,12 @@ function AuthCallback({ redirectTo }) {
 
 // src/ui/auth/email-otp.tsx
 import { useEffect as useEffect4, useState as useState14 } from "react";
+import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations32 } from "next-intl";
-import { AlertToast as AlertToast16 } from "@pelatform/ui/components";
+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 Button22,
   Form as Form8,
@@ -3531,14 +3636,10 @@ import {
   Input as Input6,
   InputOTP,
   Spinner as Spinner11
-} from "@pelatform/ui/default";
-import { useForm as useForm8 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver7 } from "@pelatform/ui/re/resolver";
-import { z as z7 } from "@pelatform/ui/re/zod";
-import { cn as cn30 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 
 // src/ui/shared/otp-input-group.tsx
-import { InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "@pelatform/ui/default";
+import { InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "pelatform-ui/default";
 import { Fragment as Fragment14, jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 function OTPInputGroup({ otpSeparators = 0 }) {
   if (otpSeparators === 0) {
@@ -3770,8 +3871,12 @@ function OTPForm({
 // src/ui/auth/forgot-password.tsx
 import { useEffect as useEffect5 } from "react";
 import { useRouter as useRouter9 } from "next/navigation";
+import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations33 } from "next-intl";
-import { AlertToast as AlertToast17 } from "@pelatform/ui/components";
+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 Button23,
   Form as Form9,
@@ -3782,11 +3887,7 @@ import {
   FormMessage as FormMessage8,
   Input as Input7,
   Spinner as Spinner12
-} from "@pelatform/ui/default";
-import { useForm as useForm9 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver8 } from "@pelatform/ui/re/resolver";
-import { z as z8 } from "@pelatform/ui/re/zod";
-import { cn as cn31 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function ForgotPasswordForm({
   className,
@@ -3875,8 +3976,12 @@ function ForgotPasswordForm({
 // src/ui/auth/magic-link.tsx
 import { useEffect as useEffect6 } from "react";
 import { useSearchParams as useSearchParams3 } from "next/navigation";
+import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations34 } from "next-intl";
-import { AlertToast as AlertToast18 } from "@pelatform/ui/components";
+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 Button24,
   Form as Form10,
@@ -3887,11 +3992,7 @@ import {
   FormMessage as FormMessage9,
   Input as Input8,
   Spinner as Spinner13
-} from "@pelatform/ui/default";
-import { useForm as useForm10 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver9 } from "@pelatform/ui/re/resolver";
-import { z as z9 } from "@pelatform/ui/re/zod";
-import { cn as cn32, REDIRECT_QUERY_PARAM as REDIRECT_QUERY_PARAM3 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function MagicLinkForm({
   className,
@@ -3921,7 +4022,7 @@ function MagicLinkForm({
     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 }
       });
       AlertToast18({
@@ -3979,8 +4080,12 @@ function MagicLinkForm({
 
 // src/ui/auth/recover-account.tsx
 import { useEffect as useEffect7 } from "react";
+import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations35 } from "next-intl";
-import { AlertToast as AlertToast19 } from "@pelatform/ui/components";
+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 Button25,
   Form as Form11,
@@ -3991,11 +4096,7 @@ import {
   FormMessage as FormMessage10,
   Input as Input9,
   Spinner as Spinner14
-} from "@pelatform/ui/default";
-import { useForm as useForm11 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver10 } from "@pelatform/ui/re/resolver";
-import { z as z10 } from "@pelatform/ui/re/zod";
-import { cn as cn33 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function RecoverAccountForm({
   className,
@@ -4079,8 +4180,12 @@ function RecoverAccountForm({
 // src/ui/auth/reset-password.tsx
 import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef5 } from "react";
 import { useRouter as useRouter10, useSearchParams as useSearchParams4 } from "next/navigation";
+import { zodResolver as zodResolver11 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations36 } from "next-intl";
-import { AlertToast as AlertToast20 } from "@pelatform/ui/components";
+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 Button26,
   Form as Form12,
@@ -4090,11 +4195,7 @@ import {
   FormLabel as FormLabel10,
   FormMessage as FormMessage11,
   Spinner as Spinner15
-} from "@pelatform/ui/default";
-import { useForm as useForm12 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver11 } from "@pelatform/ui/re/resolver";
-import { z as z11 } from "@pelatform/ui/re/zod";
-import { cn as cn34 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function ResetPasswordForm({
   className,
@@ -4234,8 +4335,12 @@ function ResetPasswordForm({
 import { useEffect as useEffect9 } from "react";
 import Link from "next/link";
 import { useRouter as useRouter11 } from "next/navigation";
+import { zodResolver as zodResolver12 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations37 } from "next-intl";
-import { AlertToast as AlertToast21 } from "@pelatform/ui/components";
+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 Button27,
   Checkbox as Checkbox2,
@@ -4247,11 +4352,7 @@ import {
   FormMessage as FormMessage12,
   Input as Input10,
   Spinner as Spinner16
-} from "@pelatform/ui/default";
-import { useForm as useForm13 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver12 } from "@pelatform/ui/re/resolver";
-import { z as z12 } from "@pelatform/ui/re/zod";
-import { cn as cn35, validateEmail } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function SignInForm({
   className,
@@ -4424,7 +4525,7 @@ function SignInForm({
 
 // src/ui/auth/sign-out.tsx
 import { useEffect as useEffect10, useRef as useRef6 } from "react";
-import { Spinner as Spinner17 } from "@pelatform/ui/default";
+import { Spinner as Spinner17 } from "pelatform-ui/default";
 import { jsx as jsx44 } from "react/jsx-runtime";
 function SignOut({ redirectTo }) {
   const { authClient, auth } = useConfig();
@@ -4441,8 +4542,12 @@ function SignOut({ redirectTo }) {
 // src/ui/auth/sign-up.tsx
 import { useEffect as useEffect11 } from "react";
 import { useRouter as useRouter12 } from "next/navigation";
+import { zodResolver as zodResolver13 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations38 } from "next-intl";
-import { AlertToast as AlertToast22 } from "@pelatform/ui/components";
+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 Button28,
   Form as Form14,
@@ -4453,11 +4558,7 @@ import {
   FormMessage as FormMessage13,
   Input as Input11,
   Spinner as Spinner18
-} from "@pelatform/ui/default";
-import { useForm as useForm14 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver13 } from "@pelatform/ui/re/resolver";
-import { z as z13 } from "@pelatform/ui/re/zod";
-import { cn as cn36 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function SignUpForm({
   className,
@@ -4610,10 +4711,14 @@ function SignUpForm({
 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 useSearchParams5 } from "next/navigation";
+import { zodResolver as zodResolver14 } from "@hookform/resolvers/zod";
 import { QrCodeIcon, SendIcon } from "lucide-react";
 import { useTranslations as useTranslations39 } from "next-intl";
 import QRCode from "qrcode";
-import { AlertToast as AlertToast23 } from "@pelatform/ui/components";
+import { 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 Button29,
   Checkbox as Checkbox3,
@@ -4626,11 +4731,7 @@ import {
   InputOTP as InputOTP2,
   Label,
   Spinner as Spinner19
-} from "@pelatform/ui/default";
-import { useForm as useForm15 } from "@pelatform/ui/re/react-hook-form";
-import { zodResolver as zodResolver14 } from "@pelatform/ui/re/resolver";
-import { z as z14 } from "@pelatform/ui/re/zod";
-import { cn as cn37 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { Fragment as Fragment15, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function TwoFactorForm({
   className,
@@ -4896,6 +4997,7 @@ import Link3 from "next/link";
 import { useRouter as useRouter13 } from "next/navigation";
 import { ArrowLeftIcon } from "lucide-react";
 import { useTranslations as useTranslations40 } from "next-intl";
+import { cn as cn38 } from "pelatform-ui";
 import {
   Button as Button30,
   Card as Card10,
@@ -4906,8 +5008,7 @@ import {
   CardHeading,
   CardTitle,
   Separator
-} from "@pelatform/ui/default";
-import { cn as cn38 } from "@pelatform/utils";
+} from "pelatform-ui/default";
 import { Fragment as Fragment16, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function getViewByPath(pathConfig, path) {
   if (!path) return null;
@@ -4923,6 +5024,7 @@ function AuthView({
   className,
   classNames,
   cardHeader,
+  enableAcceptInvitation: enableAcceptInvitationProp,
   otpSeparators = 1,
   path: pathProp,
   pathname,
@@ -4930,7 +5032,7 @@ function AuthView({
   socialLayout: socialLayoutProp = "auto",
   view: viewProp
 }) {
-  const { auth, path: pathConfig } = useConfig();
+  const { auth, features, path: pathConfig } = useConfig();
   const t = useTranslations40();
   const auths = auth.authentication;
   let socialLayout = socialLayoutProp;
@@ -4948,6 +5050,7 @@ function AuthView({
       window.removeEventListener("pagehide", handlePageHide);
     };
   }, []);
+  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`);
@@ -5268,15 +5371,15 @@ function AuthForm({
 }
 
 // src/ui/layouts/auth.tsx
-import Link6 from "next/link";
+import Link5 from "next/link";
 import { usePathname } from "next/navigation";
-import { useTranslations as useTranslations44 } from "next-intl";
-import { LayoutBlank } from "@pelatform/ui/components";
+import { useTranslations as useTranslations43 } from "next-intl";
+import { LayoutBlank } from "pelatform-ui/components";
 
 // src/ui/shared/logo.tsx
 import Link4 from "next/link";
-import { Logo } from "@pelatform/ui/components";
-import { cn as cn39 } from "@pelatform/utils";
+import { cn as cn39 } from "pelatform-ui";
+import { Logo } from "pelatform-ui/components";
 import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 function LogoWithName({ className }) {
   const { app } = useConfig();
@@ -5293,50 +5396,32 @@ function LogoWithHref({ className, href = "/" }) {
   ] });
 }
 
-// src/ui/shared/signed-in-hint.tsx
-import Link5 from "next/link";
-import { useTranslations as useTranslations41 } from "next-intl";
-import { Button as Button31 } from "@pelatform/ui/default";
-import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
-function SignedInHint({ linkHref = "/signin" }) {
-  const t = useTranslations41("customs.common.signed");
-  const { isPending, user } = useSession();
-  return /* @__PURE__ */ jsxs42("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
-      t("text"),
-      " ",
-      isPending || !user ? /* @__PURE__ */ jsx49("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx49("b", { className: "text-foreground", children: user.email })
-    ] }),
-    /* @__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 useTranslations42 } from "next-intl";
-import { ScreenLoader } from "@pelatform/ui/components";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { useTranslations as useTranslations41 } from "next-intl";
+import { ScreenLoader } from "pelatform-ui/components";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function LayoutLoader({ children }) {
-  const t = useTranslations42();
+  const t = useTranslations41();
   const { isPending } = useSession();
   if (isPending) {
-    return /* @__PURE__ */ jsx50(ScreenLoader, { loadingText: t("systems.common.status.loading") });
+    return /* @__PURE__ */ jsx49(ScreenLoader, { loadingText: t("systems.common.status.loading") });
   }
   return children;
 }
 
 // src/ui/layouts/toolbar.tsx
 import { Suspense } from "react";
-import { ModeSwitcher } from "@pelatform/ui/components";
-import { cn as cn40 } from "@pelatform/utils";
+import { cn as cn40 } from "pelatform-ui";
+import { ModeSwitcher } from "pelatform-ui/components";
 
 // src/ui/shared/language-switcher.tsx
 import Image from "next/image";
 import { useRouter as useRouter14 } from "next/navigation";
-import { useLocale as useLocale3, useTranslations as useTranslations43 } from "next-intl";
+import { useLocale as useLocale3, useTranslations as useTranslations42 } from "next-intl";
 import {
   LanguageSwitcher as LanguageSwitcherBase
-} from "@pelatform/ui/components";
-import { jsx as jsx51 } from "react/jsx-runtime";
+} from "pelatform-ui/components";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function LanguageSwitcher({
   className,
   type,
@@ -5347,7 +5432,7 @@ function LanguageSwitcher({
 }) {
   const { i18n } = useConfig();
   const router = useRouter14();
-  const t = useTranslations43();
+  const t = useTranslations42();
   const currentLocale = useLocale3();
   const availableLocales = (() => {
     if (!i18n.enabled) {
@@ -5371,7 +5456,7 @@ function LanguageSwitcher({
     document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
     router.refresh();
   }
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx50(
     LanguageSwitcherBase,
     {
       className,
@@ -5392,34 +5477,34 @@ function LanguageSwitcher({
 }
 
 // src/ui/layouts/toolbar.tsx
-import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 var DEFAULT_SHOW = ["darkmode"];
 function Toolbar(props) {
-  return /* @__PURE__ */ jsx52(Suspense, { fallback: null, children: /* @__PURE__ */ jsx52("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx52(ToolbarRSC, { ...props }) }) });
+  return /* @__PURE__ */ jsx51(Suspense, { fallback: null, children: /* @__PURE__ */ jsx51("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx51(ToolbarRSC, { ...props }) }) });
 }
 function ToolbarRSC({ show = DEFAULT_SHOW }) {
-  return /* @__PURE__ */ jsx52("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs43("div", { className: "shrink-0", children: [
-    show.includes("darkmode") && /* @__PURE__ */ jsx52(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
-    show.includes("help") && /* @__PURE__ */ jsx52("div", { className: "hidden" }),
-    show.includes("language") && /* @__PURE__ */ jsx52(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
-    show.includes("onboarding") && /* @__PURE__ */ jsx52("div", { className: "hidden" })
+  return /* @__PURE__ */ jsx51("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs42("div", { className: "shrink-0", children: [
+    show.includes("darkmode") && /* @__PURE__ */ jsx51(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("help") && /* @__PURE__ */ jsx51("div", { className: "hidden" }),
+    show.includes("language") && /* @__PURE__ */ jsx51(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("onboarding") && /* @__PURE__ */ jsx51("div", { className: "hidden" })
   ] }) });
 }
 
 // src/ui/layouts/auth.tsx
-import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 function AuthLayout({
   children,
-  logo = /* @__PURE__ */ jsx53(LogoWithName, {})
+  logo = /* @__PURE__ */ jsx52(LogoWithName, {})
 }) {
   const { app, path } = useConfig();
   const pathname = usePathname();
-  const t = useTranslations44();
-  const footer = /* @__PURE__ */ jsxs44("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
+  const t = useTranslations43();
+  const footer = /* @__PURE__ */ jsxs43("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
     t("customs.common.agree"),
     " ",
-    /* @__PURE__ */ jsx53(
-      Link6,
+    /* @__PURE__ */ jsx52(
+      Link5,
       {
         href: path.main.TERMS,
         target: "_blank",
@@ -5428,8 +5513,8 @@ function AuthLayout({
       }
     ),
     " ",
-    /* @__PURE__ */ jsx53(
-      Link6,
+    /* @__PURE__ */ jsx52(
+      Link5,
       {
         href: path.main.PRIVACY,
         target: "_blank",
@@ -5438,20 +5523,19 @@ function AuthLayout({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs44(LayoutLoader, { children: [
-    /* @__PURE__ */ jsx53(Toolbar, { show: ["language"], className: "top-0!" }),
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs43(LayoutLoader, { children: [
+    /* @__PURE__ */ jsx52(Toolbar, { show: ["language"], className: "top-0!" }),
+    /* @__PURE__ */ jsx52(
       LayoutBlank,
       {
         className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
         logo,
         logoHref: app.url,
-        footer: pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK || pathname === path.auth.ACCEPT_INVITATION ? null : footer,
+        footer: pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
         children
       }
     ),
-    /* @__PURE__ */ jsx53(Toolbar, { show: ["darkmode"] }),
-    pathname === path.auth.ACCEPT_INVITATION && /* @__PURE__ */ jsx53(SignedInHint, { linkHref: path.auth.SIGN_IN })
+    /* @__PURE__ */ jsx52(Toolbar, { show: ["darkmode"] })
   ] });
 }
 
@@ -5460,7 +5544,7 @@ 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 Button32,
+  Button as Button31,
   Sheet,
   SheetBody,
   SheetContent,
@@ -5468,15 +5552,15 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger
-} from "@pelatform/ui/default";
+} from "pelatform-ui/default";
 
 // src/ui/shared/user-menu.tsx
 import { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect14, useState as useState17 } from "react";
-import Link7 from "next/link";
+import Link6 from "next/link";
 import { useRouter as useRouter15 } from "next/navigation";
 import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
-import { useTranslations as useTranslations45 } from "next-intl";
-import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "@pelatform/ui/components";
+import { useTranslations as useTranslations44 } from "next-intl";
+import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
 import {
   Badge as Badge2,
   DropdownMenu as DropdownMenu3,
@@ -5485,12 +5569,12 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger as DropdownMenuTrigger3,
   Skeleton as Skeleton9
-} from "@pelatform/ui/default";
-import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+} from "pelatform-ui/default";
+import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 function UserMenu({ hiddenSwitcher = false }) {
   const { features, path } = useConfig();
   const router = useRouter15();
-  const t = useTranslations45();
+  const t = useTranslations44();
   const { isPending: sessionPending, user } = useSession();
   const { setActiveSessionAsync } = useSetActiveSession();
   const { data: deviceSessions, isPending: deviceSessionsPending } = useListDeviceSessions({
@@ -5523,33 +5607,33 @@ function UserMenu({ hiddenSwitcher = false }) {
   const userName = getName(user);
   const userAvatar = user?.image || void 0;
   const userRole = user?.role || "user";
-  return /* @__PURE__ */ jsxs45(DropdownMenu3, { children: [
-    /* @__PURE__ */ jsx54(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx54(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx54(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
-    /* @__PURE__ */ jsxs45(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
-      /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx54(UserAvatar2, { src: userAvatar, alt: userName }),
-        /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
-          /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
-          /* @__PURE__ */ jsx54(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
+  return /* @__PURE__ */ jsxs44(DropdownMenu3, { children: [
+    /* @__PURE__ */ jsx53(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx53(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx53(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
+    /* @__PURE__ */ jsxs44(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
+      /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx53(UserAvatar2, { src: userAvatar, alt: userName }),
+        /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx53("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
+          /* @__PURE__ */ jsx53("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
+          /* @__PURE__ */ jsx53(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
         ] })
       ] }),
-      /* @__PURE__ */ 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__ */ jsx53(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.account.SETTINGS, children: [
+        /* @__PURE__ */ jsx53(Settings, {}),
+        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.preferences") })
       ] }) }),
-      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SECURITY, children: [
-        /* @__PURE__ */ jsx54(Shield, {}),
-        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.security") })
+      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.account.SECURITY, children: [
+        /* @__PURE__ */ jsx53(Shield, {}),
+        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.security") })
       ] }) }),
-      "admin" === userRole && /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.admin.OVERVIEW, children: [
-        /* @__PURE__ */ jsx54(UserStar, {}),
-        /* @__PURE__ */ jsx54("span", { children: "Admin Dashboard" })
+      "admin" === userRole && /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.admin.OVERVIEW, children: [
+        /* @__PURE__ */ jsx53(UserStar, {}),
+        /* @__PURE__ */ jsx53("span", { children: "Admin Dashboard" })
       ] }) }),
-      !hiddenSwitcher && /* @__PURE__ */ jsxs45(Fragment18, { children: [
-        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx54(
+      !hiddenSwitcher && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+        /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx53(
           ModeSwitcher2,
           {
             type: "sub-dropdown",
@@ -5560,31 +5644,31 @@ function UserMenu({ hiddenSwitcher = false }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx54(LanguageSwitcher, { type: "sub-dropdown" })
+        /* @__PURE__ */ jsx53(LanguageSwitcher, { type: "sub-dropdown" })
       ] }),
-      /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_OUT, children: [
-        /* @__PURE__ */ jsx54(LogOut, {}),
-        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.logout") })
+      /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.auth.SIGN_OUT, children: [
+        /* @__PURE__ */ jsx53(LogOut, {}),
+        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.logout") })
       ] }) }),
-      user && features.multiSession && /* @__PURE__ */ jsxs45(Fragment18, { children: [
-        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
-        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs45(Fragment18, { children: [
-          /* @__PURE__ */ jsx54(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx54(UserView, { isPending: true }) }),
-          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
+      user && features.multiSession && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+        /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
+        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+          /* @__PURE__ */ jsx53(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx53(UserView, { isPending: true }) }),
+          /* @__PURE__ */ jsx53(DropdownMenuSeparator, {})
         ] }),
-        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs45(Fragment17, { children: [
-          /* @__PURE__ */ jsxs45(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
-            /* @__PURE__ */ jsx54(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
-            /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-              /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
-              /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
+        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs44(Fragment17, { children: [
+          /* @__PURE__ */ jsxs44(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
+            /* @__PURE__ */ jsx53(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
+            /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+              /* @__PURE__ */ jsx53("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
+              /* @__PURE__ */ jsx53("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
+          /* @__PURE__ */ jsx53(DropdownMenuSeparator, {})
         ] }, session.id)),
-        /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_IN, children: [
-          /* @__PURE__ */ jsx54(PlusCircleIcon, {}),
+        /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.auth.SIGN_IN, children: [
+          /* @__PURE__ */ jsx53(PlusCircleIcon, {}),
           t("systems.ADD_ACCOUNT")
         ] }) })
       ] })
@@ -5593,32 +5677,32 @@ function UserMenu({ hiddenSwitcher = false }) {
 }
 
 // src/ui/layouts/header.tsx
-import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
 function Header({ children }) {
-  return /* @__PURE__ */ jsx55("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx55("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
+  return /* @__PURE__ */ jsx54("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx54("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
 }
 function HeaderLeft() {
   const { logoHeader, sidebarToggle } = useLayout();
-  return /* @__PURE__ */ jsx55("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs46("div", { className: "flex w-full items-center justify-between", children: [
+  return /* @__PURE__ */ jsx54("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs45("div", { className: "flex w-full items-center justify-between", children: [
     logoHeader,
-    /* @__PURE__ */ jsx55(
-      Button32,
+    /* @__PURE__ */ jsx54(
+      Button31,
       {
         mode: "icon",
         variant: "ghost",
         onClick: sidebarToggle,
         className: "hidden text-muted-foreground hover:text-foreground lg:inline-flex",
-        children: /* @__PURE__ */ jsx55(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
+        children: /* @__PURE__ */ jsx54(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
       }
     )
   ] }) });
 }
 function HeaderRight({ sidebar, button }) {
   const { isMobile } = useLayout();
-  return /* @__PURE__ */ jsxs46("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
+  return /* @__PURE__ */ jsxs45("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
     button,
     isMobile && sidebar,
-    /* @__PURE__ */ jsx55(UserMenu, {})
+    /* @__PURE__ */ jsx54(UserMenu, {})
   ] });
 }
 function HeaderSidebarMobile({ children }) {
@@ -5627,24 +5711,24 @@ function HeaderSidebarMobile({ children }) {
   useEffect15(() => {
     setIsSheetOpen(false);
   }, [pathname]);
-  return /* @__PURE__ */ jsxs46(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
-    /* @__PURE__ */ jsx55(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx55(Button32, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx55(Menu, { className: "size-4" }) }) }),
-    /* @__PURE__ */ jsxs46(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
-      /* @__PURE__ */ jsxs46(SheetHeader, { className: "hidden space-y-0 p-0", children: [
-        /* @__PURE__ */ jsx55(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
-        /* @__PURE__ */ jsx55(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
+  return /* @__PURE__ */ jsxs45(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
+    /* @__PURE__ */ jsx54(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx54(Button31, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx54(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsxs45(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
+      /* @__PURE__ */ jsxs45(SheetHeader, { className: "hidden space-y-0 p-0", children: [
+        /* @__PURE__ */ jsx54(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
+        /* @__PURE__ */ jsx54(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
       ] }),
-      /* @__PURE__ */ jsx55(SheetBody, { className: "flex grow flex-col p-0", children })
+      /* @__PURE__ */ jsx54(SheetBody, { className: "flex grow flex-col p-0", children })
     ] })
   ] });
 }
 
 // src/ui/layouts/sidebar.tsx
 import { useCallback as useCallback4, useMemo as useMemo5 } from "react";
-import Link8 from "next/link";
+import Link7 from "next/link";
 import { usePathname as usePathname3 } from "next/navigation";
-import { useTranslations as useTranslations46 } from "next-intl";
-import { BackLink } from "@pelatform/ui/components";
+import { useTranslations as useTranslations45 } from "next-intl";
+import { BackLink } from "pelatform-ui/components";
 import {
   AccordionMenu,
   AccordionMenuGroup,
@@ -5656,27 +5740,27 @@ import {
   AccordionMenuSubTrigger,
   Badge as Badge3,
   ScrollArea
-} from "@pelatform/ui/default";
-import { Fragment as Fragment19, jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+} from "pelatform-ui/default";
+import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function Sidebar({ children }) {
   const { isMobile } = useLayout();
   if (isMobile) {
     return null;
   }
-  return /* @__PURE__ */ jsxs47("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
+  return /* @__PURE__ */ jsxs46("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
     children,
-    /* @__PURE__ */ jsx56("div", {})
+    /* @__PURE__ */ jsx55("div", {})
   ] });
 }
 function SidebarHeaderBack({
   linkHref = "/",
   admin = false
 }) {
-  const t = useTranslations46();
-  return /* @__PURE__ */ jsx56("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx56(BackLink, { Link: Link8, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
+  const t = useTranslations45();
+  return /* @__PURE__ */ jsx55("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx55(BackLink, { Link: Link7, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
 }
 function SidebarContent({ children }) {
-  return /* @__PURE__ */ jsx56(ScrollArea, { className: "mt-2 mb-2.5 h-[calc(100vh-5.5rem)] grow lg:mt-4 lg:mb-7.5 lg:h-[calc(100vh-4rem)]", children });
+  return /* @__PURE__ */ jsx55(ScrollArea, { className: "mt-2 mb-2.5 h-[calc(100vh-5.5rem)] grow lg:mt-4 lg:mb-7.5 lg:h-[calc(100vh-4rem)]", children });
 }
 function SidebarContentMenu({
   menu,
@@ -5718,7 +5802,7 @@ function SidebarContentMenu({
     [activePath, normalize]
   );
   if (type === "toggle") {
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx55(
       AccordionMenu,
       {
         type: "single",
@@ -5732,16 +5816,16 @@ function SidebarContentMenu({
           subTrigger: "text-xs font-normal text-muted-foreground hover:bg-transparent",
           subContent: "ps-0"
         },
-        children: menu.map((item, index) => /* @__PURE__ */ jsxs47(AccordionMenuSub, { value: item.title || "menu", children: [
-          /* @__PURE__ */ jsxs47(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
-            /* @__PURE__ */ jsx56("span", { children: item.title }),
-            /* @__PURE__ */ jsx56(AccordionMenuIndicator, {})
+        children: menu.map((item, index) => /* @__PURE__ */ jsxs46(AccordionMenuSub, { value: item.title || "menu", children: [
+          /* @__PURE__ */ jsxs46(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
+            /* @__PURE__ */ jsx55("span", { children: item.title }),
+            /* @__PURE__ */ jsx55(AccordionMenuIndicator, {})
           ] }),
-          /* @__PURE__ */ jsx56(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
-            const content = /* @__PURE__ */ jsxs47(Fragment19, { children: [
-              child.icon && /* @__PURE__ */ jsx56(child.icon, {}),
-              /* @__PURE__ */ jsx56("span", { children: child.title }),
-              child.badge && /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx55(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
+            const content = /* @__PURE__ */ jsxs46(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx55(child.icon, {}),
+              /* @__PURE__ */ jsx55("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx55(
                 Badge3,
                 {
                   size: "sm",
@@ -5752,8 +5836,8 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx56(
-                Link8,
+              return /* @__PURE__ */ jsx55(
+                Link7,
                 {
                   href: child.path,
                   target: "_blank",
@@ -5764,13 +5848,13 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx56(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx56(Link8, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx55(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx55(Link7, { href: child.path || "#", children: content }) }, idx);
           }) })
         ] }, index))
       }
     );
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     AccordionMenu,
     {
       type: "multiple",
@@ -5783,13 +5867,13 @@ function SidebarContentMenu({
         group: ""
       },
       children: menu.map((item, index) => {
-        return /* @__PURE__ */ jsxs47(AccordionMenuGroup, { children: [
-          /* @__PURE__ */ jsx56(AccordionMenuLabel, { children: item.title }),
+        return /* @__PURE__ */ jsxs46(AccordionMenuGroup, { children: [
+          /* @__PURE__ */ jsx55(AccordionMenuLabel, { children: item.title }),
           item.children?.map((child, idx) => {
-            const content = /* @__PURE__ */ jsxs47(Fragment19, { children: [
-              child.icon && /* @__PURE__ */ jsx56(child.icon, {}),
-              /* @__PURE__ */ jsx56("span", { children: child.title }),
-              child.badge && /* @__PURE__ */ jsx56(
+            const content = /* @__PURE__ */ jsxs46(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx55(child.icon, {}),
+              /* @__PURE__ */ jsx55("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx55(
                 Badge3,
                 {
                   size: "sm",
@@ -5800,8 +5884,8 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx56(
-                Link8,
+              return /* @__PURE__ */ jsx55(
+                Link7,
                 {
                   href: child.path,
                   target: "_blank",
@@ -5812,7 +5896,7 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx56(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx56(Link8, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx55(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx55(Link7, { href: child.path || "#", children: content }) }, idx);
           })
         ] }, index);
       })
@@ -5821,16 +5905,17 @@ function SidebarContentMenu({
 }
 
 // src/ui/layouts/site-footer.tsx
-import Link9 from "next/link";
-import { useTranslations as useTranslations47 } from "next-intl";
-import { SiteFooter as UISiteFooter } from "@pelatform/ui/components";
-import { Button as Button33 } from "@pelatform/ui/default";
-import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
-function SiteFooter() {
+import Link8 from "next/link";
+import { useTranslations as useTranslations46 } from "next-intl";
+import { cn as cn41 } from "pelatform-ui";
+import { SiteFooter as UISiteFooter } from "pelatform-ui/components";
+import { Button as Button32 } from "pelatform-ui/default";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+function SiteFooter({ disableProjectBy = false }) {
   const { app } = useConfig();
-  const t = useTranslations47();
-  return /* @__PURE__ */ jsxs48(UISiteFooter, { className: "*:gap-2! *:py-0!", children: [
-    /* @__PURE__ */ jsxs48("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
+  const t = useTranslations46();
+  return /* @__PURE__ */ jsxs47(UISiteFooter, { className: cn41("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
+    /* @__PURE__ */ jsxs47("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -5838,11 +5923,11 @@ function SiteFooter() {
       ". ",
       t("customs.common.copyright")
     ] }),
-    /* @__PURE__ */ jsx57("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs48("div", { className: "inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx57("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
+    !disableProjectBy && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs47("div", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx56("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
       " ",
-      /* @__PURE__ */ jsx57(Button33, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx57(
-        Link9,
+      /* @__PURE__ */ jsx56(Button32, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx56(
+        Link8,
         {
           href: "https://pelatform.com",
           target: "_blank",
@@ -5856,45 +5941,45 @@ function SiteFooter() {
 
 // src/ui/layouts/site-header.tsx
 import { useState as useState19 } from "react";
-import Link10 from "next/link";
+import Link9 from "next/link";
 import { usePathname as usePathname4, useRouter as useRouter16 } from "next/navigation";
-import { useTranslations as useTranslations48 } from "next-intl";
+import { useTranslations as useTranslations47 } from "next-intl";
 import {
   MainNav,
   MobileNav,
   MobileNavItemRenderer,
   ModeSwitcher as ModeSwitcher3,
   SiteHeader as UISiteHeader
-} from "@pelatform/ui/components";
-import { Button as Button34, Separator as Separator2 } from "@pelatform/ui/default";
-import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+} from "pelatform-ui/components";
+import { Button as Button33, Separator as Separator2 } from "pelatform-ui/default";
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function SiteHeader({
   menu,
-  logo = /* @__PURE__ */ jsx58(LogoWithHref, { href: "/home" })
+  logo = /* @__PURE__ */ jsx57(LogoWithHref, { href: "/home" })
 }) {
   const { path } = useConfig();
   const pathname = usePathname4();
   const router = useRouter16();
-  const t = useTranslations48();
+  const t = useTranslations47();
   const { isPending, session, user } = useSession();
   const [, setMobileNavOpen] = useState19(false);
   const isAuthenticated = !isPending && session && user;
-  return /* @__PURE__ */ jsxs49(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
-    /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-4.5", children: [
+  return /* @__PURE__ */ jsxs48(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-4.5", children: [
       logo,
-      /* @__PURE__ */ jsx58(MainNav, { Link: Link10, pathname, items: menu })
+      /* @__PURE__ */ jsx57(MainNav, { Link: Link9, pathname, items: menu })
     ] }),
-    /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs49("nav", { className: "flex items-center gap-0 md:gap-1", children: [
-      /* @__PURE__ */ jsx58(ModeSwitcher3, {}),
-      /* @__PURE__ */ jsx58(LanguageSwitcher, {}),
-      /* @__PURE__ */ jsx58(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
-      /* @__PURE__ */ jsx58(MobileNav, { children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col space-y-3", children: [
+    /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs48("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx57(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx57(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx57(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx57(MobileNav, { children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
-          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx58(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx57(
             MobileNavItemRenderer,
             {
               item,
-              Link: Link10,
+              Link: Link9,
               pathname,
               level: 1,
               onOpenChange: setMobileNavOpen
@@ -5902,8 +5987,8 @@ function SiteHeader({
             `nav-${navIndex}-${item.href}`
           ) : null
         ),
-        /* @__PURE__ */ jsx58("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx58(
-          Button34,
+        /* @__PURE__ */ jsx57("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx57(
+          Button33,
           {
             variant: "outline",
             size: "sm",
@@ -5911,18 +5996,55 @@ function SiteHeader({
             onClick: () => router.push(path.auth.SIGN_OUT),
             children: t("systems.navigation.logout")
           }
-        ) : /* @__PURE__ */ jsx58(Button34, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx58(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
+        ) : /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx57(Link9, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
       ] }) }),
-      isAuthenticated ? /* @__PURE__ */ jsx58(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx58(Button34, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx58(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
+      isAuthenticated ? /* @__PURE__ */ jsx57(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx57(Link9, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
+    ] }) })
+  ] });
+}
+function SiteHeaderSecondary({
+  menu,
+  logo = /* @__PURE__ */ jsx57(LogoWithHref, { href: "/home" }),
+  loginLink
+}) {
+  const pathname = usePathname4();
+  const t = useTranslations47();
+  const [, setMobileNavOpen] = useState19(false);
+  return /* @__PURE__ */ jsxs48(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-4.5", children: [
+      logo,
+      /* @__PURE__ */ jsx57(MainNav, { Link: Link9, pathname, items: menu })
+    ] }),
+    /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs48("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx57(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx57(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx57(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx57(MobileNav, { children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col space-y-3", children: [
+        menu?.map(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx57(
+            MobileNavItemRenderer,
+            {
+              item,
+              Link: Link9,
+              pathname,
+              level: 1,
+              onOpenChange: setMobileNavOpen
+            },
+            `nav-${navIndex}-${item.href}`
+          ) : null
+        ),
+        loginLink && /* @__PURE__ */ jsx57("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx57(Link9, { href: loginLink, children: t("systems.navigation.login") }) }) })
+      ] }) }),
+      loginLink && /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx57(Link9, { href: loginLink, children: t("systems.navigation.login") }) })
     ] }) })
   ] });
 }
 
 // src/ui/providers/layout.tsx
 import { useEffect as useEffect16, useState as useState20 } from "react";
-import { useIsMobile } from "@pelatform/ui/hooks";
-import { cn as cn41 } from "@pelatform/utils";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { cn as cn42 } from "pelatform-ui";
+import { useIsMobile } from "pelatform-ui/hooks";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "240px";
 var HEADER_HEIGHT = "54px";
 var SIDEBAR_WIDTH_MOBILE = "240px";
@@ -5932,7 +6054,7 @@ function LayoutProvider({
   style: customStyle,
   bodyClassName = "",
   className = "",
-  logoHeader = /* @__PURE__ */ jsx59(LogoWithHref, {})
+  logoHeader = /* @__PURE__ */ jsx58(LogoWithHref, {})
 }) {
   const isMobile = useIsMobile();
   const [isSidebarOpen, setIsSidebarOpen] = useState20(true);
@@ -5957,7 +6079,7 @@ function LayoutProvider({
       };
     }
   }, [bodyClassName]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx58(
     LayoutContext.Provider,
     {
       value: {
@@ -5968,11 +6090,11 @@ function LayoutProvider({
         sidebarToggle,
         logoHeader
       },
-      children: /* @__PURE__ */ jsx59(
+      children: /* @__PURE__ */ jsx58(
         "div",
         {
           "data-slot": "layout-wrapper",
-          className: cn41("flex grow", className),
+          className: cn42("flex grow", className),
           "data-sidebar-open": isSidebarOpen,
           style,
           children
@@ -5983,25 +6105,225 @@ function LayoutProvider({
 }
 
 // src/ui/layouts/wrapper.tsx
-import { Fragment as Fragment20, jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
 function LayoutWrapper({
   children,
   sidebarHeader,
   sidebarMenu,
   logoHeader
 }) {
-  const sidebarContent = /* @__PURE__ */ jsxs50(Fragment20, { children: [
+  const sidebarContent = /* @__PURE__ */ jsxs49(Fragment20, { children: [
     sidebarHeader,
-    /* @__PURE__ */ jsx60(SidebarContent, { children: sidebarMenu })
+    /* @__PURE__ */ jsx59(SidebarContent, { children: sidebarMenu })
   ] });
-  return /* @__PURE__ */ jsxs50(LayoutProvider, { logoHeader, children: [
-    /* @__PURE__ */ jsxs50(Header, { children: [
-      /* @__PURE__ */ jsx60(HeaderLeft, {}),
-      /* @__PURE__ */ jsx60(HeaderRight, { sidebar: /* @__PURE__ */ jsx60(HeaderSidebarMobile, { children: sidebarContent }) })
+  return /* @__PURE__ */ jsxs49(LayoutProvider, { logoHeader, children: [
+    /* @__PURE__ */ jsxs49(Header, { children: [
+      /* @__PURE__ */ jsx59(HeaderLeft, {}),
+      /* @__PURE__ */ jsx59(HeaderRight, { sidebar: /* @__PURE__ */ jsx59(HeaderSidebarMobile, { children: sidebarContent }) })
     ] }),
-    /* @__PURE__ */ jsxs50("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
-      /* @__PURE__ */ jsx60(Sidebar, { children: sidebarContent }),
-      /* @__PURE__ */ jsx60("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
+    /* @__PURE__ */ jsxs49("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
+      /* @__PURE__ */ jsx59(Sidebar, { children: sidebarContent }),
+      /* @__PURE__ */ jsx59("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
+    ] })
+  ] });
+}
+
+// src/ui/pages/accept-invitation.tsx
+import { useEffect as useEffect17, useState as useState21 } from "react";
+import { useRouter as useRouter17, useSearchParams as useSearchParams6 } from "next/navigation";
+import { CheckIcon as CheckIcon4, XIcon } from "lucide-react";
+import { useTranslations as useTranslations48 } from "next-intl";
+import { cn as cn43 } from "pelatform-ui";
+import { AlertToast as AlertToast24 } from "pelatform-ui/components";
+import { Button as Button34, Card as Card11, CardContent as CardContent3, CardHeader as CardHeader2, Skeleton as Skeleton10, Spinner as Spinner20 } from "pelatform-ui/default";
+import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+function AcceptInvitation({
+  className,
+  classNames,
+  redirectTo: redirectToProp
+}) {
+  const router = useRouter17();
+  const searchParams = useSearchParams6();
+  const t = useTranslations48();
+  const { data: sessionData } = useSession();
+  const { redirectTo } = useOnSuccessTransition(redirectToProp);
+  const [invitationId, setInvitationId] = useState21(null);
+  useEffect17(() => {
+    const invitationIdParam = searchParams.get("invitationId");
+    if (!invitationIdParam) {
+      AlertToast24({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    setInvitationId(invitationIdParam);
+  }, [router, redirectTo, searchParams.get, t]);
+  if (!sessionData || !invitationId) {
+    return /* @__PURE__ */ jsx60(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsx60(
+    AcceptInvitationContent,
+    {
+      className,
+      classNames,
+      invitationId,
+      redirectTo
+    }
+  );
+}
+function AcceptInvitationContent({
+  className,
+  classNames,
+  invitationId,
+  redirectTo
+}) {
+  const { authClient } = useConfig();
+  const router = useRouter17();
+  const t = useTranslations48();
+  const { data: invitation, isPending } = useInvitation({
+    query: {
+      id: invitationId
+    }
+  });
+  const [isRejecting, setIsRejecting] = useState21(false);
+  const [isAccepting, setIsAccepting] = useState21(false);
+  const isProcessing = isRejecting || isAccepting;
+  useEffect17(() => {
+    if (isPending || !invitationId) return;
+    if (!invitation) {
+      AlertToast24({
+        message: t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+      return;
+    }
+    if (invitation.status !== "pending" || new Date(invitation.expiresAt) < /* @__PURE__ */ new Date()) {
+      AlertToast24({
+        message: new Date(invitation.expiresAt) < /* @__PURE__ */ new Date() ? t("systems.INVITATION_EXPIRED") : t("systems.INVITATION_NOT_FOUND"),
+        icon: "destructive"
+      });
+      router.replace(redirectTo);
+    }
+  }, [invitation, isPending, invitationId, router, redirectTo, t]);
+  const acceptInvitation = async () => {
+    setIsAccepting(true);
+    try {
+      await authClient.organization.acceptInvitation({
+        invitationId,
+        fetchOptions: { throw: true }
+      });
+      AlertToast24({
+        message: t("systems.INVITATION_ACCEPTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast24({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsAccepting(false);
+    }
+  };
+  const rejectInvitation = async () => {
+    setIsRejecting(true);
+    try {
+      await authClient.organization.rejectInvitation({
+        invitationId,
+        fetchOptions: { throw: true }
+      });
+      AlertToast24({
+        message: t("systems.INVITATION_REJECTED")
+      });
+      router.replace(redirectTo);
+    } catch (error) {
+      AlertToast24({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      setIsRejecting(false);
+    }
+  };
+  if (!invitation) {
+    return /* @__PURE__ */ jsx60(AcceptInvitationSkeleton, { className, classNames });
+  }
+  return /* @__PURE__ */ jsxs50(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx60(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx60(
+      CardHeaderComponent,
+      {
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION")
+      }
+    ) }),
+    /* @__PURE__ */ jsxs50(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs50(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx60(
+          WorkspaceView,
+          {
+            workspace: {
+              id: invitation.organizationId,
+              name: invitation.organizationName,
+              slug: invitation.organizationSlug,
+              // logo: invitation.organizationLogo,
+              createdAt: /* @__PURE__ */ new Date()
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx60("p", { className: "ms-auto font-semibold text-muted-foreground text-sm", children: t(`systems.${invitation?.role.toUpperCase()}`) || invitation?.role })
+      ] }),
+      /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs50(
+          Button34,
+          {
+            variant: "destructive",
+            className: cn43(classNames?.button, classNames?.destructiveButton),
+            onClick: rejectInvitation,
+            disabled: isProcessing,
+            children: [
+              isRejecting ? /* @__PURE__ */ jsx60(Spinner20, {}) : /* @__PURE__ */ jsx60(XIcon, {}),
+              t("systems.REJECT")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs50(
+          Button34,
+          {
+            className: cn43(classNames?.button, classNames?.primaryButton),
+            onClick: acceptInvitation,
+            disabled: isProcessing,
+            children: [
+              isAccepting ? /* @__PURE__ */ jsx60(Spinner20, {}) : /* @__PURE__ */ jsx60(CheckIcon4, {}),
+              t("systems.ACCEPT")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AcceptInvitationSkeleton({ className, classNames }) {
+  const t = useTranslations48();
+  return /* @__PURE__ */ jsxs50(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx60(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx60(
+      CardHeaderComponent,
+      {
+        className: "w-full",
+        title: t("systems.ACCEPT_INVITATION"),
+        description: t("systems.ACCEPT_INVITATION_DESCRIPTION"),
+        isPending: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs50(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs50(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx60(WorkspaceView, { isPending: true }),
+        /* @__PURE__ */ jsx60(Skeleton10, { className: "ms-auto mt-0.5 h-4 w-full max-w-14 shrink-2" })
+      ] }),
+      /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx60(Skeleton10, { className: "h-9 w-full" }),
+        /* @__PURE__ */ jsx60(Skeleton10, { className: "h-9 w-full" })
+      ] })
     ] })
   ] });
 }
@@ -6010,29 +6332,30 @@ function LayoutWrapper({
 import { Suspense as Suspense2 } from "react";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { NextIntlClientProvider } from "next-intl";
-import { QueryProvider, ThemeProvider } from "@pelatform/ui/components";
-import { Toaster as Sooner } from "@pelatform/ui/default";
+import { QueryProvider, ThemeProvider } from "pelatform-ui/components";
+import { Toaster as Sonner } from "pelatform-ui/default";
 import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
 function SharedProviders({
   children,
   locale,
   messages,
-  timeZone = "Asia/Jakarta"
+  timeZone = "Asia/Jakarta",
+  sonnerPosition = "top-center"
 }) {
   const config = useConfig();
   return /* @__PURE__ */ jsxs51(QueryProvider, { children: [
     /* @__PURE__ */ jsx61(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx61(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs51(Suspense2, { children: [
       children,
-      /* @__PURE__ */ jsx61(Sooner, { position: "top-center" })
+      /* @__PURE__ */ jsx61(Sonner, { position: sonnerPosition })
     ] }) }) }),
     /* @__PURE__ */ jsx61(ReactQueryDevtools, { initialIsOpen: false })
   ] });
 }
 
 // src/ui/shared/empty-state.tsx
-import Link11 from "next/link";
+import Link10 from "next/link";
 import { useTranslations as useTranslations49 } from "next-intl";
-import { cn as cn42 } from "@pelatform/utils";
+import { cn as cn44 } from "pelatform-ui";
 import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function EmptyState({
   className,
@@ -6044,14 +6367,14 @@ function EmptyState({
   children
 }) {
   const t = useTranslations49();
-  return /* @__PURE__ */ jsxs52("div", { className: cn42("flex flex-col items-center justify-center gap-y-4", className), children: [
+  return /* @__PURE__ */ jsxs52("div", { className: cn44("flex flex-col items-center justify-center gap-y-4", className), children: [
     Icon && /* @__PURE__ */ jsx62("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx62(Icon, { className: "size-6 text-foreground" }) }),
     /* @__PURE__ */ jsx62("p", { className: "text-center font-medium text-base text-foreground", children: title }),
     description && /* @__PURE__ */ jsxs52("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
       description,
       " ",
       learnMore && /* @__PURE__ */ jsxs52(
-        Link11,
+        Link10,
         {
           href: learnMore,
           className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
@@ -6065,12 +6388,30 @@ function EmptyState({
     children
   ] });
 }
+
+// src/ui/shared/signed-in-hint.tsx
+import Link11 from "next/link";
+import { useTranslations as useTranslations50 } from "next-intl";
+import { Button as Button35 } from "pelatform-ui/default";
+import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
+function SignedInHint({ linkHref = "/signin" }) {
+  const t = useTranslations50("customs.common.signed");
+  const { isPending, user } = useSession();
+  return /* @__PURE__ */ jsxs53("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+      t("text"),
+      " ",
+      isPending || !user ? /* @__PURE__ */ jsx63("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx63("b", { className: "text-foreground", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsx63(Button35, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx63(Link11, { href: linkHref, children: t("button") }) })
+  ] });
+}
 export {
+  AcceptInvitation,
   ApiKeyDeleteDialog,
   ApiKeyDisplayDialog,
   ApiKeyView,
   ApiKeysCard,
-  AppleIcon,
   AuthCallback,
   AuthForm,
   AuthLayout,
@@ -6087,13 +6428,10 @@ export {
   DeleteAccountDialog,
   DialogComponent,
   DialogFooterComponent,
-  DiscordIcon,
   DisplayIdCard,
-  DropboxIcon,
   EmailOTPButton,
   EmailOTPForm,
   EmptyState,
-  FacebookIcon,
   ForgotPasswordForm,
   FormAvatarCard,
   FormEmailCard,
@@ -6101,28 +6439,19 @@ export {
   FormNameCard,
   FormPasswordCard,
   FormUsernameCard,
-  GitHubIcon,
-  GitLabIcon,
-  GoogleIcon,
   Header,
   HeaderLeft,
   HeaderRight,
   HeaderSidebarMobile,
-  HuggingFaceIcon,
-  KickIcon,
   LanguageSwitcher,
   LastUsedButton,
   LayoutContext,
   LayoutLoader,
   LayoutProvider,
   LayoutWrapper,
-  LinearIcon,
-  LinkedInIcon,
   MagicLinkButton,
   MagicLinkForm,
-  MicrosoftIcon,
   MultiAccountCard,
-  NotionIcon,
   OTPInputGroup,
   OneTap,
   PasskeyButton,
@@ -6132,9 +6461,7 @@ export {
   ProvidersCard,
   QueryContext,
   RecoverAccountForm,
-  RedditIcon,
   ResetPasswordForm,
-  RobloxIcon,
   SecurityCards,
   SessionFreshnessDialog,
   SessionsCard,
@@ -6150,22 +6477,18 @@ export {
   SignedInHint,
   SiteFooter,
   SiteHeader,
+  SiteHeaderSecondary,
   SkeletonInputComponent,
   SkeletonViewComponent,
-  SlackIcon,
-  SpotifyIcon,
-  TikTokIcon,
   Toolbar,
-  TwitchIcon,
   TwoFactorCard,
   TwoFactorForm,
   TwoFactorPasswordDialog,
   UserAvatar,
   UserMenu,
   UserView,
-  VKIcon,
-  XIcon,
-  ZoomIcon,
+  WorkspaceLogo,
+  WorkspaceView,
   getUserName,
   useAccountInfo,
   useAuthMutation,
@@ -6174,6 +6497,7 @@ export {
   useCreateApiKey,
   useDeleteApiKey,
   useDeletePasskey,
+  useInvitation,
   useLayout,
   useListAccounts,
   useListApiKeys,