@olwiba/ui 0.0.28 → 0.0.29

package/dist/index.d.ts

@@ -125,16 +125,25 @@ interface AppShellProps {
 declare function AppShell({ brand, navItems, action, user, pageTitle, renderLink, collapsible, sidebarPosition, side, children, }?: AppShellProps): react_jsx_runtime.JSX.Element;
 
 interface AuthFormProps {
+    /** Controls form title, fields, and footer text. @default 'signin' */
+    mode?: 'signin' | 'signup';
     onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
     onSso?: () => void;
+    /** (signin) Link to the sign-up page */
     signUpHref?: string;
+    /** (signup) Link back to the sign-in page */
+    signInHref?: string;
     forgotPasswordHref?: string;
     brand?: React.ReactNode;
+    /** Error message displayed below the form fields */
+    error?: string;
+    /** Disables the submit button and shows a loading label */
+    loading?: boolean;
 }
 interface AuthSectionProps extends AuthFormProps {
-    /** Visual layout of the auth screen */
+    /** Visual layout of the auth screen. @default 'centered' */
     layout?: 'centered' | 'split';
-    /** Custom form/card content. Defaults to the built-in sign-in form. */
+    /** Custom form/card content. Defaults to the built-in form. */
     children?: React.ReactNode;
     /** (split layout only) Custom content for the left decorative panel */
     panel?: React.ReactNode;

package/dist/index.js

@@ -286,36 +286,65 @@ function SplitAuth({ children, panel }) {
     /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-6 lg:p-10", children })
   ] });
 }
-function DefaultForm({ onSubmit, onSso, signUpHref = "#", forgotPasswordHref = "#", brand }) {
+function DefaultForm({
+  mode = "signin",
+  onSubmit,
+  onSso,
+  signUpHref = "#",
+  signInHref = "#",
+  forgotPasswordHref = "#",
+  brand,
+  error,
+  loading
+}) {
+  const isSignUp = mode === "signup";
   return /* @__PURE__ */ jsxs(Card$1, { className: "w-full max-w-md", children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [
       brand && /* @__PURE__ */ jsx("div", { className: "mb-2", children: brand }),
-      /* @__PURE__ */ jsx(CardTitle, { children: "Sign in" }),
-      /* @__PURE__ */ jsx(CardDescription, { children: "Enter your email and password to continue." })
+      /* @__PURE__ */ jsx(CardTitle, { children: isSignUp ? "Create an account" : "Sign in" }),
+      /* @__PURE__ */ jsx(CardDescription, { children: isSignUp ? "Enter your details to create your account." : "Enter your email and password to continue." })
     ] }),
     /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("form", { onSubmit, className: "space-y-4", children: [
+        isSignUp && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "auth-name", children: "Name" }),
+          /* @__PURE__ */ jsx(Input$1, { id: "auth-name", name: "name", type: "text", placeholder: "Your name", autoComplete: "name" })
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label, { htmlFor: "auth-email", children: "Email" }),
-          /* @__PURE__ */ jsx(Input$1, { id: "auth-email", type: "email", placeholder: "name@company.com" })
+          /* @__PURE__ */ jsx(Input$1, { id: "auth-email", name: "email", type: "email", placeholder: "name@company.com", autoComplete: "email" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx(Label, { htmlFor: "auth-password", children: "Password" }),
-            forgotPasswordHref && /* @__PURE__ */ jsx("a", { className: "text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground", href: forgotPasswordHref, children: "Forgot password?" })
+            !isSignUp && forgotPasswordHref && /* @__PURE__ */ jsx("a", { className: "text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground", href: forgotPasswordHref, children: "Forgot password?" })
           ] }),
-          /* @__PURE__ */ jsx(Input$1, { id: "auth-password", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })
+          /* @__PURE__ */ jsx(
+            Input$1,
+            {
+              id: "auth-password",
+              name: "password",
+              type: "password",
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+              autoComplete: isSignUp ? "new-password" : "current-password"
+            }
+          )
         ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: error }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx(Button$1, { type: "submit", className: "w-full", children: "Continue" }),
-          onSso && /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "outline", className: "w-full", onClick: onSso, children: "Use SSO" })
+          /* @__PURE__ */ jsx(Button$1, { type: "submit", className: "w-full", disabled: loading, children: loading ? "Please wait\u2026" : isSignUp ? "Create account" : "Sign in" }),
+          onSso && /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "outline", className: "w-full", onClick: onSso, disabled: loading, children: "Use SSO" })
         ] })
       ] }),
-      signUpHref && /* @__PURE__ */ jsxs("p", { className: "text-center text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: isSignUp ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        "Already have an account?",
+        " ",
+        /* @__PURE__ */ jsx("a", { className: "text-foreground underline underline-offset-4", href: signInHref, children: "Sign in" })
+      ] }) : signUpHref && /* @__PURE__ */ jsxs(Fragment, { children: [
         "New here?",
         " ",
         /* @__PURE__ */ jsx("a", { className: "text-foreground underline underline-offset-4", href: signUpHref, children: "Create an account" })
-      ] })
+      ] }) })
     ] })
   ] });
 }