@olwiba/ui 0.0.30 → 0.0.32

package/dist/index.d.ts

@@ -134,6 +134,7 @@ interface AuthFormProps {
     /** (signup) Link back to the sign-in page */
     signInHref?: string;
     forgotPasswordHref?: string;
+    /** Brand node — in centered layout renders above the card; in split layout renders inside the card */
     brand?: React.ReactNode;
     /** Error message displayed below the form fields */
     error?: string;

package/dist/index.js

@@ -254,8 +254,11 @@ function AppShell({
   return inner;
 }
 var defaultRenderLink2 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
-function CenteredAuth({ children }) {
-  return /* @__PURE__ */ jsx("section", { className: "flex h-full min-h-[720px] w-full flex-col items-center justify-center gap-6 rounded-2xl bg-muted p-6 md:p-10", children: /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-sm flex-col gap-6", children }) });
+function CenteredAuth({ children, brand, className }) {
+  return /* @__PURE__ */ jsxs("section", { className: cn$1("flex min-h-screen flex-col justify-center bg-background py-12 px-4 sm:px-6 lg:px-8", className), children: [
+    brand && /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-md text-center mb-8", children: brand }),
+    /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-md", children })
+  ] });
 }
 function SplitAuth({ children, panel }) {
   const defaultPanel = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
@@ -300,7 +303,7 @@ function DefaultForm({
   renderLink = defaultRenderLink2
 }) {
   const isSignUp = mode === "signup";
-  return /* @__PURE__ */ jsxs(Card$1, { className: "w-full max-w-md", children: [
+  return /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [
       brand && /* @__PURE__ */ jsx("div", { className: "mb-2", children: brand }),
       /* @__PURE__ */ jsx(CardTitle, { children: isSignUp ? "Create an account" : "Sign in" }),
@@ -310,11 +313,11 @@ function DefaultForm({
       /* @__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__ */ jsx(Input, { 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", name: "email", type: "email", placeholder: "name@company.com", autoComplete: "email" })
+          /* @__PURE__ */ jsx(Label, { htmlFor: "auth-email", children: "Email address" }),
+          /* @__PURE__ */ jsx(Input, { 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: [
@@ -326,7 +329,7 @@ function DefaultForm({
             })
           ] }),
           /* @__PURE__ */ jsx(
-            Input$1,
+            Input,
             {
               id: "auth-password",
               name: "password",
@@ -338,8 +341,8 @@ function DefaultForm({
         ] }),
         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", 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" })
+          /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: loading, children: loading ? "Please wait\u2026" : isSignUp ? "Create account" : "Sign in" }),
+          onSso && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", className: "w-full", onClick: onSso, disabled: loading, children: "Use SSO" })
         ] })
       ] }),
       /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: isSignUp ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -361,11 +364,13 @@ function AuthSection({
   className,
   ...formProps
 }) {
-  const form = children ?? /* @__PURE__ */ jsx(DefaultForm, { ...formProps });
   if (layout === "split") {
-    return /* @__PURE__ */ jsx("div", { className: cn$1("h-full", className), children: /* @__PURE__ */ jsx(SplitAuth, { panel, children: form }) });
+    const form2 = children ?? /* @__PURE__ */ jsx(DefaultForm, { ...formProps });
+    return /* @__PURE__ */ jsx("div", { className: cn$1("h-full", className), children: /* @__PURE__ */ jsx(SplitAuth, { panel, children: form2 }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: cn$1("h-full", className), children: /* @__PURE__ */ jsx(CenteredAuth, { children: form }) });
+  const { brand, ...restFormProps } = formProps;
+  const form = children ?? /* @__PURE__ */ jsx(DefaultForm, { ...restFormProps });
+  return /* @__PURE__ */ jsx(CenteredAuth, { brand, className, children: form });
 }
 function EmptyState({ icon: Icon, title, description, action, className, ...props }) {
   return /* @__PURE__ */ jsxs(