@nextsparkjs/core 0.1.0-beta.106 → 0.1.0-beta.108

package/dist/components/auth/forms/SignupForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/forms/SignupForm.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,UAAU,4CA8fzB"}
+{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/forms/SignupForm.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,UAAU,4CAmgBzB"}

package/dist/components/auth/forms/SignupForm.js

@@ -77,21 +77,21 @@ function SignupForm() {
         const result = await response.json();
         if (!response.ok) {
           if (result.code === "USER_ALREADY_EXISTS") {
-            setError("An account with this email already exists. Please sign in instead.");
+            setError(t("signup.errors.userAlreadyExists"));
           } else if (result.code === "EMAIL_MISMATCH") {
-            setError("This invitation was sent to a different email address.");
+            setError(t("signup.errors.emailMismatch"));
           } else if (result.code === "INVITATION_EXPIRED") {
-            setError("This invitation has expired. Please request a new one.");
+            setError(t("signup.errors.invitationExpired"));
           } else if (result.code === "INVITATION_NOT_FOUND") {
-            setError("Invalid invitation. Please request a new one.");
+            setError(t("signup.errors.invitationNotFound"));
           } else {
-            setError(result.error || "Failed to create account");
+            setError(result.error || t("signup.errors.failedToCreate"));
           }
           setStatusMessage(t("signup.messages.createError", { error: result.error || "Unknown error" }));
           return;
         }
-        toast.success("Account created successfully!", {
-          description: "You have joined the team."
+        toast.success(t("signup.messages.inviteSuccess"), {
+          description: t("signup.messages.inviteJoinedTeam")
         });
         router.push(((_a = result.data) == null ? void 0 : _a.redirectTo) || "/dashboard/settings/teams");
         return;
@@ -106,7 +106,7 @@ function SignupForm() {
       setEmailSent(true);
       setStatusMessage(t("signup.messages.accountCreated"));
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to create account";
+      const errorMessage = err instanceof Error ? err.message : t("signup.errors.failedToCreate");
       setError(errorMessage);
       setStatusMessage(t("signup.messages.createError", { error: errorMessage }));
     } finally {
@@ -119,7 +119,7 @@ function SignupForm() {
     try {
       await googleSignIn(callbackUrl || void 0);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Google sign up failed");
+      setError(err instanceof Error ? err.message : t("signup.errors.googleFailed"));
     } finally {
       setLoadingProvider(null);
     }
@@ -132,10 +132,10 @@ function SignupForm() {
       if (result.success) {
         setEmailSent(true);
       } else {
-        setError(result.error || "Failed to resend verification email");
+        setError(result.error || t("signup.errors.failedToResend"));
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to resend verification email");
+      setError(err instanceof Error ? err.message : t("signup.errors.failedToResend"));
     } finally {
       setResendingEmail(false);
     }
@@ -169,7 +169,7 @@ function SignupForm() {
                     {
                       className: "mx-auto w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-4",
                       role: "img",
-                      "aria-label": "Email enviado exitosamente",
+                      "aria-label": t("signup.emailVerification.emailSentAria"),
                       children: /* @__PURE__ */ jsx(MailCheck, { className: "w-6 h-6 text-green-600", "aria-hidden": "true" })
                     }
                   ),
@@ -195,20 +195,20 @@ function SignupForm() {
               /* @__PURE__ */ jsx("div", { className: "p-3 bg-muted rounded-lg", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-center break-all", children: registeredEmail }) }),
               /* @__PURE__ */ jsxs(Alert, { "data-cy": sel("auth.verifyEmail.successMessage"), children: [
                 /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: "Please check your inbox and click the verification link to activate your account. The link will expire in 24 hours." })
+                /* @__PURE__ */ jsx(AlertDescription, { children: t("signup.emailVerification.checkInbox") })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
                 /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "1." }),
-                  "Open your email inbox"
+                  t("signup.emailVerification.step1")
                 ] }),
                 /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "2." }),
-                  "Find the email from us (check spam if needed)"
+                  t("signup.emailVerification.step2")
                 ] }),
                 /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-primary font-medium", children: "3." }),
-                  "Click the verification button"
+                  t("signup.emailVerification.step3")
                 ] })
               ] }),
               error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
@@ -217,7 +217,7 @@ function SignupForm() {
               ] }),
               /* @__PURE__ */ jsx(Separator, {}),
               /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Didn't receive the email?" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("signup.emailVerification.didntReceive") }),
                 /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                   /* @__PURE__ */ jsxs(
                     Button,
@@ -230,7 +230,7 @@ function SignupForm() {
                       className: "flex-1",
                       children: [
                         /* @__PURE__ */ jsx(ArrowRight, { className: "mr-2 h-4 w-4 rotate-180" }),
-                        "Back"
+                        t("signup.emailVerification.back")
                       ]
                     }
                   ),
@@ -243,10 +243,10 @@ function SignupForm() {
                       className: "flex-1",
                       children: resendingEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                        "Sending..."
+                        t("signup.emailVerification.sending")
                       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(Mail, { className: "mr-2 h-4 w-4" }),
-                        "Resend Email"
+                        t("signup.emailVerification.resendEmail")
                       ] })
                     }
                   )
@@ -254,9 +254,9 @@ function SignupForm() {
               ] })
             ] }),
             /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center w-full", children: [
-              "Already verified?",
+              t("signup.emailVerification.alreadyVerified"),
               " ",
-              /* @__PURE__ */ jsx(Link, { href: "/login", className: "text-primary hover:underline font-medium", children: "Sign in" })
+              /* @__PURE__ */ jsx(Link, { href: "/login", className: "text-primary hover:underline font-medium", children: t("signup.emailVerification.signIn") })
             ] }) })
           ]
         }
@@ -310,7 +310,7 @@ function SignupForm() {
             /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
               /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: "First name" }),
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", children: t("signup.form.firstName") }),
                   /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                     /* @__PURE__ */ jsx(User, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                     /* @__PURE__ */ jsx(
@@ -320,7 +320,7 @@ function SignupForm() {
                         id: "firstName",
                         type: "text",
                         autoComplete: "given-name",
-                        placeholder: "John",
+                        placeholder: t("signup.form.firstNamePlaceholder"),
                         className: "pl-9",
                         "data-cy": sel("auth.signup.firstName")
                       }
@@ -329,7 +329,7 @@ function SignupForm() {
                   errors.firstName && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.firstName.message })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: "Last name" }),
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", children: t("signup.form.lastName") }),
                   /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                     /* @__PURE__ */ jsx(User, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                     /* @__PURE__ */ jsx(
@@ -339,7 +339,7 @@ function SignupForm() {
                         id: "lastName",
                         type: "text",
                         autoComplete: "family-name",
-                        placeholder: "Doe",
+                        placeholder: t("signup.form.lastNamePlaceholder"),
                         className: "pl-9",
                         "data-cy": sel("auth.signup.lastName")
                       }
@@ -349,7 +349,7 @@ function SignupForm() {
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("signup.form.email") }),
                 /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
                   /* @__PURE__ */ jsx(
@@ -359,7 +359,7 @@ function SignupForm() {
                       id: "email",
                       type: "email",
                       autoComplete: "email",
-                      placeholder: "email@example.com",
+                      placeholder: t("signup.form.emailPlaceholder"),
                       className: `pl-9 ${fromInvite ? "bg-muted cursor-not-allowed" : ""}`,
                       readOnly: fromInvite,
                       "data-cy": sel("auth.signup.email")
@@ -369,7 +369,7 @@ function SignupForm() {
                 errors.email && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.email.message })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: "Password" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: t("signup.form.password") }),
                 /* @__PURE__ */ jsx(
                   PasswordInput,
                   {
@@ -379,13 +379,19 @@ function SignupForm() {
                     placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
                     showRequirements: true,
                     password,
+                    requirementLabels: {
+                      minChars: t("signup.form.passwordRequirements.minChars"),
+                      uppercase: t("signup.form.passwordRequirements.uppercase"),
+                      lowercase: t("signup.form.passwordRequirements.lowercase"),
+                      number: t("signup.form.passwordRequirements.number")
+                    },
                     "data-cy": sel("auth.signup.password")
                   }
                 ),
                 errors.password && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.password.message })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: "Confirm password" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "confirmPassword", children: t("signup.form.confirmPassword") }),
                 /* @__PURE__ */ jsx(
                   PasswordInput,
                   {
@@ -418,9 +424,9 @@ function SignupForm() {
                     htmlFor: "terms",
                     className: "text-sm font-normal cursor-pointer",
                     children: [
-                      "I agree to the",
+                      t("signup.form.agreeToThe"),
                       " ",
-                      /* @__PURE__ */ jsx(Link, { href: "/terms", className: "text-primary hover:underline", children: "terms and conditions" })
+                      /* @__PURE__ */ jsx(Link, { href: "/terms", className: "text-primary hover:underline", children: t("signup.form.termsAndConditions") })
                     ]
                   }
                 )
@@ -434,15 +440,15 @@ function SignupForm() {
                   "data-cy": sel("auth.signup.submitButton"),
                   children: loadingProvider === "email" ? /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-                    "Creating account..."
-                  ] }) : "Create account"
+                    t("signup.form.creatingAccount")
+                  ] }) : t("signup.form.createAccount")
                 }
               )
             ] }),
             PUBLIC_AUTH_CONFIG.providers.google.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("div", { className: "relative my-4", children: [
                 /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx(Separator, { className: "w-full" }) }),
-                /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-background px-2 text-muted-foreground", children: "Or continue with" }) })
+                /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-background px-2 text-muted-foreground", children: t("signup.form.orContinueWith") }) })
               ] }),
               /* @__PURE__ */ jsxs(
                 Button,
@@ -460,7 +466,7 @@ function SignupForm() {
                       /* @__PURE__ */ jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
                       /* @__PURE__ */ jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })
                     ] }),
-                    "Continue with Google"
+                    t("signup.form.continueWithGoogle")
                   ]
                 }
               )
@@ -471,16 +477,16 @@ function SignupForm() {
             {
               "data-cy": sel("auth.signup.footer"),
               children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center w-full", children: [
-                "Already have an account?",
+                t("signup.footer.alreadyHaveAccount"),
                 " ",
                 /* @__PURE__ */ jsx(
                   Link,
                   {
                     href: "/login",
                     className: "text-primary hover:underline font-medium focus:outline-none focus:ring-2 focus:ring-accent",
-                    "aria-label": "Ir a p\xE1gina de inicio de sesi\xF3n",
+                    "aria-label": t("signup.footer.signInAria"),
                     "data-cy": sel("auth.signup.loginLink"),
-                    children: "Sign in"
+                    children: t("signup.footer.signIn")
                   }
                 )
               ] })

package/dist/components/dashboard/layouts/Sidebar.js

@@ -90,7 +90,7 @@ function Sidebar({ className, entities }) {
                     children: "Navigation"
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicNavigation, { entities }) })
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicNavigation, { entities, isCollapsed }) })
               ] }) })
             }
           ),

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts

@@ -2,9 +2,10 @@ import type { SerializableEntityConfig } from '../../../lib/entities/serializati
 interface DynamicNavigationProps {
     className?: string;
     isMobile?: boolean;
+    isCollapsed?: boolean;
     onItemClick?: () => void;
     entities: SerializableEntityConfig[];
 }
-export declare function DynamicNavigation({ className, isMobile, onItemClick, entities }: DynamicNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicNavigation({ className, isMobile, isCollapsed, onItemClick, entities }: DynamicNavigationProps): import("react/jsx-runtime").JSX.Element;
 export default DynamicNavigation;
 //# sourceMappingURL=DynamicNavigation.d.ts.map

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AA+GD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAoDD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAwHD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAmB,EACnB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAyFxB;AAwDD,eAAe,iBAAiB,CAAA"}

package/dist/components/dashboard/navigation/DynamicNavigation.js

@@ -41,6 +41,7 @@ function SectionWithPermission({
   section,
   pathname,
   isMobile,
+  isCollapsed = false,
   onItemClick,
   t
 }) {
@@ -54,7 +55,7 @@ function SectionWithPermission({
   const normalizedSectionKey = normalizeKey(section.labelKey);
   const sectionLabel = t(normalizedSectionKey) || labelMappings[section.labelKey] || section.id;
   return /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-cy": sel("dashboard.navigation.section", { id: section.id }), children: [
-    /* @__PURE__ */ jsxs(
+    !isCollapsed && /* @__PURE__ */ jsxs(
       "div",
       {
         className: "px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider flex items-center gap-2",
@@ -65,6 +66,7 @@ function SectionWithPermission({
         ]
       }
     ),
+    isCollapsed && /* @__PURE__ */ jsx("div", { className: "my-2 mx-3 border-t border-border", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx("div", { className: "space-y-1", children: section.items.map((item) => {
       const ItemIcon = Icons[item.icon] || Icons.Circle;
       const isActive = pathname === item.href || pathname.startsWith(item.href + "/");
@@ -76,15 +78,17 @@ function SectionWithPermission({
           href: item.href,
           onClick: onItemClick,
           className: cn(
-            "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+            "flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+            isCollapsed ? "justify-center" : "gap-3",
             isActive ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground",
             isMobile && "w-full"
           ),
           "aria-current": isActive ? "page" : void 0,
+          title: isCollapsed ? itemLabel : void 0,
           "data-cy": sel("dashboard.navigation.sectionItem", { sectionId: section.id, itemId: item.id }),
           children: [
             /* @__PURE__ */ jsx(ItemIcon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: itemLabel })
+            !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: itemLabel })
           ]
         },
         item.id
@@ -95,37 +99,26 @@ function SectionWithPermission({
 function DynamicNavigation({
   className,
   isMobile = false,
+  isCollapsed = false,
   onItemClick,
   entities
 }) {
-  var _a2, _b;
   const pathname = usePathname();
   const t = useTranslations("navigation");
   const hasCustomSections = customSidebarSections.length > 0;
-  console.log("[DynamicNavigation] entities count:", entities == null ? void 0 : entities.length);
-  if ((entities == null ? void 0 : entities.length) > 0) {
-    console.log("[DynamicNavigation] First entity:", {
-      slug: entities[0].slug,
-      enabled: entities[0].enabled,
-      hasUi: !!entities[0].ui,
-      ui: entities[0].ui,
-      showInMenu: (_b = (_a2 = entities[0].ui) == null ? void 0 : _a2.dashboard) == null ? void 0 : _b.showInMenu
-    });
-  }
   const enabledEntities = useMemo(
     () => entities.filter((entity) => {
-      var _a3, _b2;
-      return (entity == null ? void 0 : entity.enabled) && ((_b2 = (_a3 = entity == null ? void 0 : entity.ui) == null ? void 0 : _a3.dashboard) == null ? void 0 : _b2.showInMenu);
+      var _a2, _b;
+      return (entity == null ? void 0 : entity.enabled) && ((_b = (_a2 = entity == null ? void 0 : entity.ui) == null ? void 0 : _a2.dashboard) == null ? void 0 : _b.showInMenu);
     }),
     [entities]
   );
-  console.log("[DynamicNavigation] enabledEntities count:", enabledEntities == null ? void 0 : enabledEntities.length);
   const entityItems = useMemo(
     () => enabledEntities.map((entity) => {
-      var _a3;
+      var _a2;
       const icon = Icons[entity.iconName] || Icons.Box;
       return {
-        name: ((_a3 = entity.names) == null ? void 0 : _a3.plural) || entity.slug,
+        name: ((_a2 = entity.names) == null ? void 0 : _a2.plural) || entity.slug,
         href: `/dashboard/${entity.slug}`,
         icon
       };
@@ -144,15 +137,17 @@ function DynamicNavigation({
           href: "/dashboard",
           onClick: onItemClick,
           className: cn(
-            "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-4",
+            "flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-4",
+            isCollapsed ? "justify-center" : "gap-3",
             pathname === "/dashboard" ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground",
             isMobile && "w-full"
           ),
           "aria-current": pathname === "/dashboard" ? "page" : void 0,
+          title: isCollapsed ? t("navigation.dashboard") : void 0,
           "data-cy": sel("dashboard.navigation.dashboardLink"),
           children: [
             /* @__PURE__ */ jsx(Home, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: "truncate", children: t("navigation.dashboard") })
+            !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: t("navigation.dashboard") })
           ]
         }
       ),
@@ -162,6 +157,7 @@ function DynamicNavigation({
           section,
           pathname,
           isMobile,
+          isCollapsed,
           onItemClick,
           t
         },
@@ -177,6 +173,7 @@ function DynamicNavigation({
       pathname,
       t,
       isMobile,
+      isCollapsed,
       onItemClick
     },
     item.name
@@ -187,6 +184,7 @@ function NavigationLink({
   pathname,
   t,
   isMobile = false,
+  isCollapsed = false,
   onItemClick
 }) {
   const Icon = item.icon;
@@ -200,15 +198,17 @@ function NavigationLink({
       href: item.href,
       onClick: onItemClick,
       className: cn(
-        "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+        "flex items-center rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+        isCollapsed ? "justify-center" : "gap-3",
         isActive ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground",
         isMobile && "w-full"
       ),
       "aria-current": isActive ? "page" : void 0,
+      title: isCollapsed ? label : void 0,
       "data-cy": dataCyId,
       children: [
         /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+        !isCollapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
       ]
     }
   );

package/dist/components/ui/password-input.d.ts

@@ -1,7 +1,14 @@
+export interface PasswordRequirementLabels {
+    minChars: string;
+    uppercase: string;
+    lowercase: string;
+    number: string;
+}
 export interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
     showRequirements?: boolean;
     showToggle?: boolean;
     password?: string;
+    requirementLabels?: PasswordRequirementLabels;
 }
 declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export { PasswordInput };

package/dist/components/ui/password-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/password-input.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,aAAa,iHAyDlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/password-input.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AASD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;CAC9C;AAED,QAAA,MAAM,aAAa,iHA2DlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/password-input.js

@@ -5,14 +5,21 @@ import { Eye, EyeOff, Lock, CheckCircle2, XCircle } from "lucide-react";
 import { Input } from "./input.js";
 import { Badge } from "./badge.js";
 import { cn } from "../../lib/utils/index.js";
+const DEFAULT_REQUIREMENT_LABELS = {
+  minChars: "8+ characters",
+  uppercase: "One uppercase",
+  lowercase: "One lowercase",
+  number: "One number"
+};
 const PasswordInput = forwardRef(
-  ({ className, showRequirements = false, showToggle = true, password = "", ...props }, ref) => {
+  ({ className, showRequirements = false, showToggle = true, password = "", requirementLabels, ...props }, ref) => {
     const [showPassword, setShowPassword] = useState(false);
+    const labels = requirementLabels ?? DEFAULT_REQUIREMENT_LABELS;
     const passwordRequirements = [
-      { met: password.length >= 8, text: "8+ characters" },
-      { met: /[A-Z]/.test(password), text: "One uppercase" },
-      { met: /[a-z]/.test(password), text: "One lowercase" },
-      { met: /[0-9]/.test(password), text: "One number" }
+      { met: password.length >= 8, text: labels.minChars },
+      { met: /[A-Z]/.test(password), text: labels.uppercase },
+      { met: /[a-z]/.test(password), text: labels.lowercase },
+      { met: /[0-9]/.test(password), text: labels.number }
     ];
     return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [

package/dist/messages/de/auth.json

@@ -60,18 +60,65 @@
     "title": "Konto erstellen",
     "description": "Geben Sie Ihre Informationen ein, um zu beginnen",
     "inviteBanner": "Erstellen Sie ein Konto, um Ihre Teameinladung anzunehmen",
+    "form": {
+      "firstName": "Vorname",
+      "firstNamePlaceholder": "Hans",
+      "lastName": "Nachname",
+      "lastNamePlaceholder": "Mueller",
+      "email": "E-Mail",
+      "emailPlaceholder": "email@beispiel.de",
+      "password": "Passwort",
+      "confirmPassword": "Passwort bestaetigen",
+      "agreeToThe": "Ich stimme den",
+      "termsAndConditions": "Nutzungsbedingungen zu",
+      "creatingAccount": "Konto wird erstellt...",
+      "createAccount": "Konto erstellen",
+      "orContinueWith": "Oder fortfahren mit",
+      "continueWithGoogle": "Mit Google fortfahren",
+      "passwordRequirements": {
+        "minChars": "8+ Zeichen",
+        "uppercase": "Ein Grossbuchstabe",
+        "lowercase": "Ein Kleinbuchstabe",
+        "number": "Eine Zahl"
+      }
+    },
+    "footer": {
+      "alreadyHaveAccount": "Haben Sie bereits ein Konto?",
+      "signIn": "Anmelden",
+      "signInAria": "Zur Anmeldeseite gehen"
+    },
     "emailVerification": {
       "title": "Ueberpruefen Sie Ihre E-Mail!",
-      "description": "Wir haben einen Bestaetigungslink gesendet an"
+      "description": "Wir haben einen Bestaetigungslink gesendet an",
+      "checkInbox": "Bitte pruefen Sie Ihren Posteingang und klicken Sie auf den Bestaetigungslink, um Ihr Konto zu aktivieren. Der Link laueft in 24 Stunden ab.",
+      "emailSentAria": "E-Mail erfolgreich gesendet",
+      "step1": "Oeffnen Sie Ihren E-Mail-Posteingang",
+      "step2": "Suchen Sie unsere E-Mail (pruefen Sie auch den Spam-Ordner)",
+      "step3": "Klicken Sie auf den Bestaetigungsbutton",
+      "didntReceive": "Keine E-Mail erhalten?",
+      "back": "Zurueck",
+      "sending": "Senden...",
+      "resendEmail": "E-Mail erneut senden",
+      "alreadyVerified": "Bereits bestaetigt?",
+      "signIn": "Anmelden"
     },
     "messages": {
       "termsError": "Fehler: Sie muessen die Nutzungsbedingungen akzeptieren",
       "creatingAccount": "Konto wird erstellt...",
       "accountCreated": "Konto erfolgreich erstellt. Ueberpruefen Sie Ihre E-Mail.",
-      "createError": "Fehler beim Erstellen des Kontos: {error}"
+      "createError": "Fehler beim Erstellen des Kontos: {error}",
+      "inviteSuccess": "Konto erfolgreich erstellt!",
+      "inviteJoinedTeam": "Sie sind dem Team beigetreten."
     },
     "errors": {
-      "mustAgreeToTerms": "Sie muessen die Nutzungsbedingungen akzeptieren"
+      "mustAgreeToTerms": "Sie muessen die Nutzungsbedingungen akzeptieren",
+      "userAlreadyExists": "Es existiert bereits ein Konto mit dieser E-Mail. Bitte melden Sie sich an.",
+      "emailMismatch": "Diese Einladung wurde an eine andere E-Mail-Adresse gesendet.",
+      "invitationExpired": "Diese Einladung ist abgelaufen. Bitte fordern Sie eine neue an.",
+      "invitationNotFound": "Ungueltige Einladung. Bitte fordern Sie eine neue an.",
+      "failedToCreate": "Fehler beim Erstellen des Kontos",
+      "googleFailed": "Registrierung mit Google fehlgeschlagen",
+      "failedToResend": "Fehler beim erneuten Senden der Bestaetigungs-E-Mail"
     }
   },
   "forgotPassword": {