@humain/ui 2.1.63 → 2.1.65

package/dist/index229.js

@@ -1,40 +1,203 @@
 "use client";
+import { cn } from "./index2.js";
+import { Button } from "./index5.js";
 import { Input } from "./index33.js";
-import { AuthPageLayout } from "./index226.js";
-import { AuthForm, AuthGhostAction, AuthPrimaryButton, defaultForgotPasswordAside } from "./index228.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pages/ForgotPasswordPage/ForgotPasswordPage.tsx
-function ForgotPasswordPage({ title = "Forgot Password?", description = "No worries, we'll send you reset instructions.", aside = defaultForgotPasswordAside, emailInputProps, loginAction = { label: "Back to login" }, submitLabel = "Send Reset Link", isSubmitting, onSubmit, ...layoutProps }) {
-	return /* @__PURE__ */ jsx(AuthPageLayout, {
-		title,
-		description,
-		aside,
-		...layoutProps,
-		"data-slot": "auth-page-layout",
-		"data-page-slot": "forgot-password-page",
-		children: /* @__PURE__ */ jsxs(AuthForm, {
-			onSubmit,
-			children: [
-				/* @__PURE__ */ jsx(Input, {
-					autoComplete: "email",
-					label: "Email",
-					name: "email",
-					placeholder: "Enter your email address",
-					required: true,
-					type: "email",
-					...emailInputProps
-				}),
-				/* @__PURE__ */ jsx(AuthPrimaryButton, {
-					loading: isSubmitting,
-					children: submitLabel
-				}),
-				/* @__PURE__ */ jsx(AuthGhostAction, { action: loginAction })
-			]
+import { Separator } from "./index51.js";
+import { renderActionElement } from "./index227.js";
+import { Eye, EyeOff } from "lucide-react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pages/_auth/auth-page-utils.tsx
+function AuthForm({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("form", {
+		className: cn("flex flex-col gap-4", className),
+		...props,
+		children
+	});
+}
+function AuthPasswordInput({ endIcon, visibilityLabel = "password", ...props }) {
+	const [isVisible, setIsVisible] = React.useState(false);
+	const label = `${isVisible ? "Hide" : "Show"} ${visibilityLabel}`;
+	const toggle = /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": label,
+		"aria-pressed": isVisible,
+		title: label,
+		onClick: () => setIsVisible((value) => !value),
+		className: "pointer-events-auto inline-flex size-5 items-center justify-center rounded-sm text-text-quaternary transition-colors duration-150 ease-smooth hover:text-secondary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+		children: /* @__PURE__ */ jsx(isVisible ? EyeOff : Eye, {
+			"aria-hidden": true,
+			className: "size-4"
+		})
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: isVisible ? "text" : "password",
+		endIcon: endIcon ? /* @__PURE__ */ jsxs("span", {
+			className: "pointer-events-auto inline-flex items-center gap-2",
+			children: [endIcon, toggle]
+		}) : toggle
+	});
+}
+function AuthPrimaryButton({ children, loading }) {
+	return /* @__PURE__ */ jsx(Button, {
+		appearance: "solid",
+		loading,
+		shape: "rounded",
+		size: "md",
+		type: "submit",
+		className: "w-full",
+		children
+	});
+}
+function getNonNativeActionProps({ disabled: _disabled, ref: _ref, role: _role, tabIndex: _tabIndex, type: _type, ...props }) {
+	return props;
+}
+function renderActionLink(href) {
+	return function renderLinkAction(props) {
+		return /* @__PURE__ */ jsx("a", {
+			...getNonNativeActionProps(props),
+			href
+		});
+	};
+}
+function renderCustomActionElement(action) {
+	return function renderCustomAction(buttonProps) {
+		const props = getNonNativeActionProps(buttonProps);
+		if (!action.render) return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			...props
+		});
+		return React.cloneElement(action.render, {
+			...props,
+			className: cn(props.className, action.render.props.className),
+			onClick: action.onClick ?? action.render.props.onClick ?? props.onClick,
+			children: action.render.props.children ?? props.children ?? action.label
+		});
+	};
+}
+function renderActionButton(action) {
+	if (action.render) return renderCustomActionElement(action);
+	if (action.href) return renderActionLink(action.href);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		children: action.label
+	});
+}
+function getPrimaryActionButtonType(action, isPolymorphic) {
+	if (isPolymorphic) return;
+	if (action.onClick) return "button";
+	return "submit";
+}
+function AuthPrimaryActionButton({ action, loading }) {
+	const isPolymorphic = !!(action.href || action.render);
+	return /* @__PURE__ */ jsx(Button, {
+		appearance: "solid",
+		loading: !isPolymorphic ? loading : void 0,
+		nativeButton: isPolymorphic ? false : void 0,
+		render: isPolymorphic ? renderActionButton(action) : void 0,
+		shape: "rounded",
+		size: "md",
+		type: getPrimaryActionButtonType(action, isPolymorphic),
+		onClick: action.onClick,
+		className: "w-full",
+		children: action.label
+	});
+}
+function AuthGhostAction({ action }) {
+	const isPolymorphic = !!(action.href || action.render);
+	return /* @__PURE__ */ jsx(Button, {
+		appearance: "ghost",
+		nativeButton: isPolymorphic ? false : void 0,
+		render: renderActionButton(action),
+		shape: "rounded",
+		size: "md",
+		type: isPolymorphic ? void 0 : "button",
+		onClick: action.onClick,
+		className: "w-full",
+		children: action.label
+	});
+}
+function AuthInlineAction({ prefix, action }) {
+	return /* @__PURE__ */ jsxs("p", {
+		className: "text-center text-md leading-normal text-secondary-foreground",
+		children: [/* @__PURE__ */ jsxs("span", { children: [prefix, " "] }), renderActionElement(action, "font-medium text-foreground transition-colors duration-150 ease-smooth hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background")]
+	});
+}
+function AuthSocialDivider({ label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-4",
+		children: [
+			/* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "shrink-0 text-md text-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ jsx(Separator, { className: "flex-1" })
+		]
+	});
+}
+function AuthSsoActions({ actions }) {
+	if (!actions?.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-3",
+		children: actions.map((action, index) => {
+			const isPolymorphic = !!(action.href || action.render);
+			return /* @__PURE__ */ jsx(Button, {
+				appearance: "outline",
+				nativeButton: isPolymorphic ? false : void 0,
+				render: renderActionButton(action),
+				shape: "rounded",
+				size: "default",
+				type: isPolymorphic ? void 0 : "button",
+				onClick: action.onClick,
+				className: "w-full",
+				children: action.label
+			}, `${String(action.label)}-${index}`);
 		})
 	});
 }
-ForgotPasswordPage.displayName = "ForgotPasswordPage";
+var defaultLoginAside = {
+	title: /* @__PURE__ */ jsxs(Fragment, { children: [
+		"Welcome back!",
+		/* @__PURE__ */ jsx("br", {}),
+		"Please sign in to your Create Studio account"
+	] }),
+	description: "Thank you for registering! Please check your inbox and click the verification link to activate your account.",
+	cardTitle: "Please enter your login details",
+	cardDescription: "Stay connected with Shadcn Studio Subscribe now for the latest updates and news."
+};
+var defaultRegisterAside = {
+	title: "Create your account to get started.",
+	description: "Your account will allow you to securely save your progress, customize your preferences, and stay connected across all your devices.",
+	cardTitle: "We're excited to have you join our community",
+	cardDescription: "Your account will allow you to securely save your progress, customize your preferences."
+};
+var defaultForgotPasswordAside = {
+	title: "Don't worry, it happens! Resetting your password is quick and easy.",
+	description: "Just enter your registered email address below, and we'll send you a secure link to reset your password. Follow the instructions in the email, and you'll be back in your account in no time!",
+	cardTitle: "Follow the instructions",
+	cardDescription: "If you don't see the email in your inbox, be sure to check your spam or junk folder."
+};
+var defaultResetPasswordAside = {
+	title: "You're just one step away from regaining access to your account.",
+	description: "Please create a new password below. Make sure it's strong and secure, combining letters, numbers, and special characters.",
+	cardTitle: "Reset Your Password",
+	cardDescription: "You're just one step away from regaining access to your account."
+};
+var defaultTwoFactorAside = {
+	title: "Enable Two-Factor Authentication (2FA)",
+	description: "Enhance the security of your account by enabling Two-Factor Authentication (2FA). With 2FA, you'll add an extra layer of protection.",
+	cardTitle: "Keeps your information safe",
+	cardDescription: "To get started, choose your preferred verification method and follow the instructions."
+};
+var defaultVerifyEmailAside = {
+	title: "Ensure you entered the correct email address",
+	description: "Thank you for signing up! To complete your registration and secure your account, we need to verify your email address.",
+	cardTitle: "Verify Your Email Address",
+	cardDescription: "Verifying your email helps us keep your account secure and ensures you won't miss important updates."
+};
 //#endregion
-export { ForgotPasswordPage };
+export { AuthForm, AuthGhostAction, AuthInlineAction, AuthPasswordInput, AuthPrimaryActionButton, AuthPrimaryButton, AuthSocialDivider, AuthSsoActions, defaultForgotPasswordAside, defaultLoginAside, defaultRegisterAside, defaultResetPasswordAside, defaultTwoFactorAside, defaultVerifyEmailAside };
 
 //# sourceMappingURL=index229.js.map

package/dist/index229.js.map

@@ -1 +1 @@
-{"version":3,"file":"index229.js","names":[],"sources":["../src/components/pages/ForgotPasswordPage/ForgotPasswordPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport {\n  type AuthPageAction,\n  type AuthPageAsideConfig,\n  AuthPageLayout,\n  type AuthPageLayoutProps,\n} from '@/components/templates/AuthPageLayout';\nimport {\n  AuthForm,\n  AuthGhostAction,\n  AuthPrimaryButton,\n  defaultForgotPasswordAside,\n} from '../_auth';\n\nexport interface ForgotPasswordPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  emailInputProps?: InputProps;\n  loginAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction ForgotPasswordPage({\n  title = 'Forgot Password?',\n  description = \"No worries, we'll send you reset instructions.\",\n  aside = defaultForgotPasswordAside,\n  emailInputProps,\n  loginAction = { label: 'Back to login' },\n  submitLabel = 'Send Reset Link',\n  isSubmitting,\n  onSubmit,\n  ...layoutProps\n}: ForgotPasswordPageProps): React.ReactElement {\n  return (\n    <AuthPageLayout\n      title={title}\n      description={description}\n      aside={aside}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"forgot-password-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <Input\n          autoComplete=\"email\"\n          label=\"Email\"\n          name=\"email\"\n          placeholder=\"Enter your email address\"\n          required\n          type=\"email\"\n          {...emailInputProps}\n        />\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthGhostAction action={loginAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nForgotPasswordPage.displayName = 'ForgotPasswordPage';\n\nexport { ForgotPasswordPage };\n"],"mappings":";;;;;;AAgCA,SAAS,mBAAmB,EAC1B,QAAQ,oBACR,cAAc,kDACd,QAAQ,4BACR,iBACA,cAAc,EAAE,OAAO,gBAAgB,GACvC,cAAc,mBACd,cACA,UACA,GAAG,eAC2C;CAC9C,OACE,oBAAC,gBAAD;EACS;EACM;EACN;EACP,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,OAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,MAAK;KACL,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,iBAAD,EAAiB,QAAQ,YAAc,CAAA;GAC/B;;CACI,CAAA;AAEpB;AAEA,mBAAmB,cAAc"}
+{"version":3,"file":"index229.js","names":[],"sources":["../src/components/pages/_auth/auth-page-utils.tsx"],"sourcesContent":["'use client';\n\nimport { Eye, EyeOff } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport { Separator } from '@/components/atoms/layout/Separator';\nimport type {\n  AuthPageAction,\n  AuthPageAsideConfig,\n} from '@/components/templates/AuthPageLayout';\nimport { renderActionElement } from '@/components/templates/AuthPageLayout';\nimport { cn } from '@/lib/utils';\n\nexport interface AuthFormProps\n  extends Omit<React.ComponentProps<'form'>, 'children'> {\n  children: React.ReactNode;\n}\n\ntype ActionButtonRenderProps = React.ComponentProps<'button'>;\ntype ActionButtonType = React.ComponentProps<'button'>['type'];\ntype ActionButtonRender = (\n  props: ActionButtonRenderProps,\n) => React.ReactElement;\ntype ActionRenderTargetProps = Omit<\n  ActionButtonRenderProps,\n  'disabled' | 'ref' | 'role' | 'tabIndex' | 'type'\n>;\ntype ActionAnchorProps = Omit<React.ComponentProps<'a'>, 'href'>;\n\ninterface AuthPrimaryButtonProps {\n  children: React.ReactNode;\n  loading?: boolean;\n}\n\ninterface AuthActionButtonProps {\n  action: AuthPageAction;\n  loading?: boolean;\n}\n\ninterface AuthActionProps {\n  action: AuthPageAction;\n}\n\ninterface AuthInlineActionProps {\n  prefix: React.ReactNode;\n  action: AuthPageAction;\n}\n\ninterface AuthSocialDividerProps {\n  label: React.ReactNode;\n}\n\ninterface AuthSsoActionsProps {\n  actions?: AuthPageAction[];\n}\n\ninterface AuthPasswordInputProps extends InputProps {\n  visibilityLabel?: string;\n}\n\nexport function AuthForm({\n  children,\n  className,\n  ...props\n}: AuthFormProps): React.ReactElement {\n  return (\n    <form className={cn('flex flex-col gap-4', className)} {...props}>\n      {children}\n    </form>\n  );\n}\n\nexport function AuthPasswordInput({\n  endIcon,\n  visibilityLabel = 'password',\n  ...props\n}: AuthPasswordInputProps): React.ReactElement {\n  const [isVisible, setIsVisible] = React.useState(false);\n  const label = `${isVisible ? 'Hide' : 'Show'} ${visibilityLabel}`;\n  const VisibilityIcon = isVisible ? EyeOff : Eye;\n  const toggle = (\n    <button\n      type=\"button\"\n      aria-label={label}\n      aria-pressed={isVisible}\n      title={label}\n      onClick={() => setIsVisible((value) => !value)}\n      className=\"pointer-events-auto inline-flex size-5 items-center justify-center rounded-sm text-text-quaternary transition-colors duration-150 ease-smooth hover:text-secondary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <VisibilityIcon aria-hidden className=\"size-4\" />\n    </button>\n  );\n\n  return (\n    <Input\n      {...props}\n      type={isVisible ? 'text' : 'password'}\n      endIcon={\n        endIcon ? (\n          <span className=\"pointer-events-auto inline-flex items-center gap-2\">\n            {endIcon}\n            {toggle}\n          </span>\n        ) : (\n          toggle\n        )\n      }\n    />\n  );\n}\n\nexport function AuthPrimaryButton({\n  children,\n  loading,\n}: AuthPrimaryButtonProps): React.ReactElement {\n  return (\n    <Button\n      appearance=\"solid\"\n      loading={loading}\n      shape=\"rounded\"\n      size=\"md\"\n      type=\"submit\"\n      className=\"w-full\"\n    >\n      {children}\n    </Button>\n  );\n}\n\nfunction getNonNativeActionProps({\n  disabled: _disabled,\n  ref: _ref,\n  role: _role,\n  tabIndex: _tabIndex,\n  type: _type,\n  ...props\n}: ActionButtonRenderProps): ActionRenderTargetProps {\n  return props;\n}\n\nfunction renderActionLink(href: string): ActionButtonRender {\n  return function renderLinkAction(\n    props: ActionButtonRenderProps,\n  ): React.ReactElement {\n    const anchorProps = getNonNativeActionProps(props) as ActionAnchorProps;\n    return <a {...anchorProps} href={href} />;\n  };\n}\n\nfunction renderCustomActionElement(action: AuthPageAction): ActionButtonRender {\n  return function renderCustomAction(\n    buttonProps: ActionButtonRenderProps,\n  ): React.ReactElement {\n    const props = getNonNativeActionProps(buttonProps);\n    if (!action.render) {\n      return <button type=\"button\" {...props} />;\n    }\n\n    return React.cloneElement(action.render, {\n      ...props,\n      className: cn(props.className, action.render.props.className),\n      onClick: action.onClick ?? action.render.props.onClick ?? props.onClick,\n      children: action.render.props.children ?? props.children ?? action.label,\n    });\n  };\n}\n\nfunction renderActionButton(\n  action: AuthPageAction,\n): React.ReactElement | ActionButtonRender {\n  if (action.render) {\n    return renderCustomActionElement(action);\n  }\n\n  if (action.href) {\n    return renderActionLink(action.href);\n  }\n\n  return <button type=\"button\">{action.label}</button>;\n}\n\nfunction getPrimaryActionButtonType(\n  action: AuthPageAction,\n  isPolymorphic: boolean,\n): ActionButtonType {\n  if (isPolymorphic) {\n    return undefined;\n  }\n\n  if (action.onClick) {\n    return 'button';\n  }\n\n  return 'submit';\n}\n\nexport function AuthPrimaryActionButton({\n  action,\n  loading,\n}: AuthActionButtonProps): React.ReactElement {\n  const isPolymorphic = !!(action.href || action.render);\n  const supportsLoading = !isPolymorphic;\n\n  return (\n    <Button\n      appearance=\"solid\"\n      loading={supportsLoading ? loading : undefined}\n      nativeButton={isPolymorphic ? false : undefined}\n      render={isPolymorphic ? renderActionButton(action) : undefined}\n      shape=\"rounded\"\n      size=\"md\"\n      type={getPrimaryActionButtonType(action, isPolymorphic)}\n      onClick={action.onClick}\n      className=\"w-full\"\n    >\n      {action.label}\n    </Button>\n  );\n}\n\nexport function AuthGhostAction({\n  action,\n}: AuthActionProps): React.ReactElement {\n  const isPolymorphic = !!(action.href || action.render);\n\n  return (\n    <Button\n      appearance=\"ghost\"\n      nativeButton={isPolymorphic ? false : undefined}\n      render={renderActionButton(action)}\n      shape=\"rounded\"\n      size=\"md\"\n      type={isPolymorphic ? undefined : 'button'}\n      onClick={action.onClick}\n      className=\"w-full\"\n    >\n      {action.label}\n    </Button>\n  );\n}\n\nexport function AuthInlineAction({\n  prefix,\n  action,\n}: AuthInlineActionProps): React.ReactElement {\n  const className =\n    'font-medium text-foreground transition-colors duration-150 ease-smooth hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background';\n\n  return (\n    <p className=\"text-center text-md leading-normal text-secondary-foreground\">\n      <span>{prefix} </span>\n      {renderActionElement(action, className)}\n    </p>\n  );\n}\n\nexport function AuthSocialDivider({\n  label,\n}: AuthSocialDividerProps): React.ReactElement {\n  return (\n    <div className=\"flex items-center gap-4\">\n      <Separator className=\"flex-1\" />\n      <span className=\"shrink-0 text-md text-foreground\">{label}</span>\n      <Separator className=\"flex-1\" />\n    </div>\n  );\n}\n\nexport function AuthSsoActions({\n  actions,\n}: AuthSsoActionsProps): React.ReactElement | null {\n  if (!actions?.length) return null;\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {actions.map((action, index) => {\n        const isPolymorphic = !!(action.href || action.render);\n\n        return (\n          <Button\n            key={`${String(action.label)}-${index}`}\n            appearance=\"outline\"\n            nativeButton={isPolymorphic ? false : undefined}\n            render={renderActionButton(action)}\n            shape=\"rounded\"\n            size=\"default\"\n            type={isPolymorphic ? undefined : 'button'}\n            onClick={action.onClick}\n            className=\"w-full\"\n          >\n            {action.label}\n          </Button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport const defaultLoginAside: AuthPageAsideConfig = {\n  title: (\n    <>\n      Welcome back!\n      <br />\n      Please sign in to your Create Studio account\n    </>\n  ),\n  description:\n    'Thank you for registering! Please check your inbox and click the verification link to activate your account.',\n  cardTitle: 'Please enter your login details',\n  cardDescription:\n    'Stay connected with Shadcn Studio Subscribe now for the latest updates and news.',\n};\n\nexport const defaultRegisterAside: AuthPageAsideConfig = {\n  title: 'Create your account to get started.',\n  description:\n    'Your account will allow you to securely save your progress, customize your preferences, and stay connected across all your devices.',\n  cardTitle: \"We're excited to have you join our community\",\n  cardDescription:\n    'Your account will allow you to securely save your progress, customize your preferences.',\n};\n\nexport const defaultForgotPasswordAside: AuthPageAsideConfig = {\n  title: \"Don't worry, it happens! Resetting your password is quick and easy.\",\n  description:\n    \"Just enter your registered email address below, and we'll send you a secure link to reset your password. Follow the instructions in the email, and you'll be back in your account in no time!\",\n  cardTitle: 'Follow the instructions',\n  cardDescription:\n    \"If you don't see the email in your inbox, be sure to check your spam or junk folder.\",\n};\n\nexport const defaultResetPasswordAside: AuthPageAsideConfig = {\n  title: \"You're just one step away from regaining access to your account.\",\n  description:\n    \"Please create a new password below. Make sure it's strong and secure, combining letters, numbers, and special characters.\",\n  cardTitle: 'Reset Your Password',\n  cardDescription:\n    \"You're just one step away from regaining access to your account.\",\n};\n\nexport const defaultTwoFactorAside: AuthPageAsideConfig = {\n  title: 'Enable Two-Factor Authentication (2FA)',\n  description:\n    \"Enhance the security of your account by enabling Two-Factor Authentication (2FA). With 2FA, you'll add an extra layer of protection.\",\n  cardTitle: 'Keeps your information safe',\n  cardDescription:\n    'To get started, choose your preferred verification method and follow the instructions.',\n};\n\nexport const defaultVerifyEmailAside: AuthPageAsideConfig = {\n  title: 'Ensure you entered the correct email address',\n  description:\n    'Thank you for signing up! To complete your registration and secure your account, we need to verify your email address.',\n  cardTitle: 'Verify Your Email Address',\n  cardDescription:\n    \"Verifying your email helps us keep your account secure and ensures you won't miss important updates.\",\n};\n"],"mappings":"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"}

package/dist/index230.js

@@ -1,23 +1,18 @@
 "use client";
-import { cn } from "./index2.js";
-import { Checkbox } from "./index28.js";
 import { Input } from "./index33.js";
-import { AuthPageLayout, renderActionElement } from "./index226.js";
-import { AuthForm, AuthInlineAction, AuthPasswordInput, AuthPrimaryButton, AuthSocialDivider, AuthSsoActions, defaultLoginAside } from "./index228.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pages/LoginPage/LoginPage.tsx
-function LoginPage({ title = "Welcome Back", description = "Welcome back! Select method to login:", aside = defaultLoginAside, emailInputProps, passwordInputProps, rememberMeProps, rememberMeLabel = "Remember Me", ssoActions = [{ label: "Login with SSO" }], ssoDividerLabel = "or Continue with Email", forgotPasswordAction = { label: "Forgot Password?" }, registerAction = { label: "Create an account" }, submitLabel = "Sign in to HUMAIN", isSubmitting, onSubmit, formClassName, ...layoutProps }) {
-	const hasSsoActions = ssoActions.length > 0;
-	const rememberMeAriaLabel = typeof rememberMeLabel === "string" ? rememberMeLabel : void 0;
-	return /* @__PURE__ */ jsxs(AuthPageLayout, {
+import { AuthPageLayout } from "./index227.js";
+import { AuthForm, AuthGhostAction, AuthPrimaryButton, defaultForgotPasswordAside } from "./index229.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pages/ForgotPasswordPage/ForgotPasswordPage.tsx
+function ForgotPasswordPage({ title = "Forgot Password?", description = "No worries, we'll send you reset instructions.", aside = defaultForgotPasswordAside, emailInputProps, loginAction = { label: "Back to login" }, submitLabel = "Send Reset Link", isSubmitting, onSubmit, ...layoutProps }) {
+	return /* @__PURE__ */ jsx(AuthPageLayout, {
 		title,
 		description,
 		aside,
-		formClassName: cn("lg:min-h-[528px]", formClassName),
 		...layoutProps,
 		"data-slot": "auth-page-layout",
-		"data-page-slot": "login-page",
-		children: [hasSsoActions && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AuthSsoActions, { actions: ssoActions }), /* @__PURE__ */ jsx(AuthSocialDivider, { label: ssoDividerLabel })] }), /* @__PURE__ */ jsxs(AuthForm, {
+		"data-page-slot": "forgot-password-page",
+		children: /* @__PURE__ */ jsxs(AuthForm, {
 			onSubmit,
 			children: [
 				/* @__PURE__ */ jsx(Input, {
@@ -29,40 +24,17 @@ function LoginPage({ title = "Welcome Back", description = "Welcome back! Select
 					type: "email",
 					...emailInputProps
 				}),
-				/* @__PURE__ */ jsx(AuthPasswordInput, {
-					autoComplete: "current-password",
-					label: "Password",
-					name: "password",
-					placeholder: "Enter your password",
-					required: true,
-					...passwordInputProps
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ jsx(Checkbox, {
-						"aria-label": rememberMeAriaLabel,
-						label: rememberMeLabel,
-						name: "remember",
-						...rememberMeProps
-					}), /* @__PURE__ */ jsx(AuthTextAction, { action: forgotPasswordAction })]
-				}),
 				/* @__PURE__ */ jsx(AuthPrimaryButton, {
 					loading: isSubmitting,
 					children: submitLabel
 				}),
-				/* @__PURE__ */ jsx(AuthInlineAction, {
-					prefix: "New on our platform?",
-					action: registerAction
-				})
+				/* @__PURE__ */ jsx(AuthGhostAction, { action: loginAction })
 			]
-		})]
+		})
 	});
 }
-function AuthTextAction({ action }) {
-	return renderActionElement(action, cn("shrink-0 whitespace-nowrap text-end text-md text-foreground transition-colors duration-150 ease-smooth hover:text-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"));
-}
-LoginPage.displayName = "LoginPage";
+ForgotPasswordPage.displayName = "ForgotPasswordPage";
 //#endregion
-export { LoginPage };
+export { ForgotPasswordPage };
 
 //# sourceMappingURL=index230.js.map

package/dist/index230.js.map

@@ -1 +1 @@
-{"version":3,"file":"index230.js","names":[],"sources":["../src/components/pages/LoginPage/LoginPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/atoms/forms/Checkbox';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport {\n  type AuthPageAction,\n  type AuthPageAsideConfig,\n  AuthPageLayout,\n  type AuthPageLayoutProps,\n  renderActionElement,\n} from '@/components/templates/AuthPageLayout';\nimport { cn } from '@/lib/utils';\nimport {\n  AuthForm,\n  AuthInlineAction,\n  AuthPasswordInput,\n  AuthPrimaryButton,\n  AuthSocialDivider,\n  AuthSsoActions,\n  defaultLoginAside,\n} from '../_auth';\n\nexport interface LoginPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  emailInputProps?: InputProps;\n  passwordInputProps?: InputProps;\n  rememberMeProps?: Omit<CheckboxProps, 'ref'>;\n  rememberMeLabel?: string;\n  ssoActions?: AuthPageAction[];\n  ssoDividerLabel?: React.ReactNode;\n  forgotPasswordAction?: AuthPageAction;\n  registerAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\ninterface AuthTextActionProps {\n  action: AuthPageAction;\n}\n\nfunction LoginPage({\n  title = 'Welcome Back',\n  description = 'Welcome back! Select method to login:',\n  aside = defaultLoginAside,\n  emailInputProps,\n  passwordInputProps,\n  rememberMeProps,\n  rememberMeLabel = 'Remember Me',\n  ssoActions = [{ label: 'Login with SSO' }],\n  ssoDividerLabel = 'or Continue with Email',\n  forgotPasswordAction = { label: 'Forgot Password?' },\n  registerAction = { label: 'Create an account' },\n  submitLabel = 'Sign in to HUMAIN',\n  isSubmitting,\n  onSubmit,\n  formClassName,\n  ...layoutProps\n}: LoginPageProps): React.ReactElement {\n  const hasSsoActions = ssoActions.length > 0;\n  const rememberMeAriaLabel =\n    typeof rememberMeLabel === 'string' ? rememberMeLabel : undefined;\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={description}\n      aside={aside}\n      formClassName={cn('lg:min-h-[528px]', formClassName)}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"login-page\"\n    >\n      {hasSsoActions && (\n        <>\n          <AuthSsoActions actions={ssoActions} />\n          <AuthSocialDivider label={ssoDividerLabel} />\n        </>\n      )}\n      <AuthForm onSubmit={onSubmit}>\n        <Input\n          autoComplete=\"email\"\n          label=\"Email\"\n          name=\"email\"\n          placeholder=\"Enter your email address\"\n          required\n          type=\"email\"\n          {...emailInputProps}\n        />\n        <AuthPasswordInput\n          autoComplete=\"current-password\"\n          label=\"Password\"\n          name=\"password\"\n          placeholder=\"Enter your password\"\n          required\n          {...passwordInputProps}\n        />\n        <div className=\"flex items-center justify-between gap-4\">\n          <Checkbox\n            aria-label={rememberMeAriaLabel}\n            label={rememberMeLabel}\n            name=\"remember\"\n            {...rememberMeProps}\n          />\n          <AuthTextAction action={forgotPasswordAction} />\n        </div>\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthInlineAction\n          prefix=\"New on our platform?\"\n          action={registerAction}\n        />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nfunction AuthTextAction({ action }: AuthTextActionProps): React.ReactElement {\n  const className = cn(\n    'shrink-0 whitespace-nowrap text-end text-md text-foreground transition-colors duration-150 ease-smooth hover:text-primary',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n  );\n\n  return renderActionElement(action, className);\n}\n\nLoginPage.displayName = 'LoginPage';\n\nexport { LoginPage };\n"],"mappings":";;;;;;;;AAmDA,SAAS,UAAU,EACjB,QAAQ,gBACR,cAAc,yCACd,QAAQ,mBACR,iBACA,oBACA,iBACA,kBAAkB,eAClB,aAAa,CAAC,EAAE,OAAO,iBAAiB,CAAC,GACzC,kBAAkB,0BAClB,uBAAuB,EAAE,OAAO,mBAAmB,GACnD,iBAAiB,EAAE,OAAO,oBAAoB,GAC9C,cAAc,qBACd,cACA,UACA,eACA,GAAG,eACkC;CACrC,MAAM,gBAAgB,WAAW,SAAS;CAC1C,MAAM,sBACJ,OAAO,oBAAoB,WAAW,kBAAkB,KAAA;CAE1D,OACE,qBAAC,gBAAD;EACS;EACM;EACN;EACP,eAAe,GAAG,oBAAoB,aAAa;EACnD,GAAI;EACJ,aAAU;EACV,kBAAe;YAPjB,CASG,iBACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAgB,SAAS,WAAa,CAAA,GACtC,oBAAC,mBAAD,EAAmB,OAAO,gBAAkB,CAAA,CAC5C,EAAA,CAAA,GAEJ,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,OAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,MAAK;KACL,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,GAAI;IACL,CAAA;IACD,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,UAAD;MACE,cAAY;MACZ,OAAO;MACP,MAAK;MACL,GAAI;KACL,CAAA,GACD,oBAAC,gBAAD,EAAgB,QAAQ,qBAAuB,CAAA,CAC5C;;IACL,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,kBAAD;KACE,QAAO;KACP,QAAQ;IACT,CAAA;GACO;IACI;;AAEpB;AAEA,SAAS,eAAe,EAAE,UAAmD;CAM3E,OAAO,oBAAoB,QALT,GAChB,6HACA,0IAGiC,CAAS;AAC9C;AAEA,UAAU,cAAc"}
+{"version":3,"file":"index230.js","names":[],"sources":["../src/components/pages/ForgotPasswordPage/ForgotPasswordPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport {\n  type AuthPageAction,\n  type AuthPageAsideConfig,\n  AuthPageLayout,\n  type AuthPageLayoutProps,\n} from '@/components/templates/AuthPageLayout';\nimport {\n  AuthForm,\n  AuthGhostAction,\n  AuthPrimaryButton,\n  defaultForgotPasswordAside,\n} from '../_auth';\n\nexport interface ForgotPasswordPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  emailInputProps?: InputProps;\n  loginAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction ForgotPasswordPage({\n  title = 'Forgot Password?',\n  description = \"No worries, we'll send you reset instructions.\",\n  aside = defaultForgotPasswordAside,\n  emailInputProps,\n  loginAction = { label: 'Back to login' },\n  submitLabel = 'Send Reset Link',\n  isSubmitting,\n  onSubmit,\n  ...layoutProps\n}: ForgotPasswordPageProps): React.ReactElement {\n  return (\n    <AuthPageLayout\n      title={title}\n      description={description}\n      aside={aside}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"forgot-password-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <Input\n          autoComplete=\"email\"\n          label=\"Email\"\n          name=\"email\"\n          placeholder=\"Enter your email address\"\n          required\n          type=\"email\"\n          {...emailInputProps}\n        />\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthGhostAction action={loginAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nForgotPasswordPage.displayName = 'ForgotPasswordPage';\n\nexport { ForgotPasswordPage };\n"],"mappings":";;;;;;AAgCA,SAAS,mBAAmB,EAC1B,QAAQ,oBACR,cAAc,kDACd,QAAQ,4BACR,iBACA,cAAc,EAAE,OAAO,gBAAgB,GACvC,cAAc,mBACd,cACA,UACA,GAAG,eAC2C;CAC9C,OACE,oBAAC,gBAAD;EACS;EACM;EACN;EACP,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,OAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,MAAK;KACL,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,iBAAD,EAAiB,QAAQ,YAAc,CAAA;GAC/B;;CACI,CAAA;AAEpB;AAEA,mBAAmB,cAAc"}

package/dist/index231.js

@@ -2,32 +2,24 @@
 import { cn } from "./index2.js";
 import { Checkbox } from "./index28.js";
 import { Input } from "./index33.js";
-import { AuthPageLayout } from "./index226.js";
-import { AuthForm, AuthInlineAction, AuthPasswordInput, AuthPrimaryButton, AuthSocialDivider, AuthSsoActions, defaultRegisterAside } from "./index228.js";
+import { AuthPageLayout, renderActionElement } from "./index227.js";
+import { AuthForm, AuthInlineAction, AuthPasswordInput, AuthPrimaryButton, AuthSocialDivider, AuthSsoActions, defaultLoginAside } from "./index229.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pages/RegisterPage/RegisterPage.tsx
-function RegisterPage({ title = "Create your account", description = "Let's get started with your 30-day free trial", aside = defaultRegisterAside, nameInputProps, emailInputProps, passwordInputProps, termsProps, termsLabel = "I agree to all terms, privacy policy, and fees", ssoActions = [{ label: "Login with SSO" }], ssoDividerLabel = "Or", loginAction = { label: "Log in" }, submitLabel = "Create account", isSubmitting, onSubmit, formClassName, ...layoutProps }) {
+//#region src/components/pages/LoginPage/LoginPage.tsx
+function LoginPage({ title = "Welcome Back", description = "Welcome back! Select method to login:", aside = defaultLoginAside, emailInputProps, passwordInputProps, rememberMeProps, rememberMeLabel = "Remember Me", ssoActions = [{ label: "Login with SSO" }], ssoDividerLabel = "or Continue with Email", forgotPasswordAction = { label: "Forgot Password?" }, registerAction = { label: "Create an account" }, submitLabel = "Sign in to HUMAIN", isSubmitting, onSubmit, formClassName, ...layoutProps }) {
 	const hasSsoActions = ssoActions.length > 0;
-	const termsAriaLabel = typeof termsLabel === "string" ? termsLabel : void 0;
+	const rememberMeAriaLabel = typeof rememberMeLabel === "string" ? rememberMeLabel : void 0;
 	return /* @__PURE__ */ jsxs(AuthPageLayout, {
 		title,
 		description,
 		aside,
-		formClassName: cn("lg:min-h-[608px]", formClassName),
+		formClassName: cn("lg:min-h-[528px]", formClassName),
 		...layoutProps,
 		"data-slot": "auth-page-layout",
-		"data-page-slot": "register-page",
+		"data-page-slot": "login-page",
 		children: [hasSsoActions && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AuthSsoActions, { actions: ssoActions }), /* @__PURE__ */ jsx(AuthSocialDivider, { label: ssoDividerLabel })] }), /* @__PURE__ */ jsxs(AuthForm, {
 			onSubmit,
 			children: [
-				/* @__PURE__ */ jsx(Input, {
-					autoComplete: "name",
-					label: "Name",
-					name: "name",
-					placeholder: "Enter your name",
-					required: true,
-					...nameInputProps
-				}),
 				/* @__PURE__ */ jsx(Input, {
 					autoComplete: "email",
 					label: "Email",
@@ -38,34 +30,39 @@ function RegisterPage({ title = "Create your account", description = "Let's get
 					...emailInputProps
 				}),
 				/* @__PURE__ */ jsx(AuthPasswordInput, {
-					autoComplete: "new-password",
+					autoComplete: "current-password",
 					label: "Password",
 					name: "password",
 					placeholder: "Enter your password",
 					required: true,
 					...passwordInputProps
 				}),
-				/* @__PURE__ */ jsx(Checkbox, {
-					"aria-label": termsAriaLabel,
-					label: termsLabel,
-					name: "terms",
-					required: true,
-					...termsProps
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ jsx(Checkbox, {
+						"aria-label": rememberMeAriaLabel,
+						label: rememberMeLabel,
+						name: "remember",
+						...rememberMeProps
+					}), /* @__PURE__ */ jsx(AuthTextAction, { action: forgotPasswordAction })]
 				}),
 				/* @__PURE__ */ jsx(AuthPrimaryButton, {
 					loading: isSubmitting,
 					children: submitLabel
 				}),
 				/* @__PURE__ */ jsx(AuthInlineAction, {
-					prefix: "Already have an account?",
-					action: loginAction
+					prefix: "New on our platform?",
+					action: registerAction
 				})
 			]
 		})]
 	});
 }
-RegisterPage.displayName = "RegisterPage";
+function AuthTextAction({ action }) {
+	return renderActionElement(action, cn("shrink-0 whitespace-nowrap text-end text-md text-foreground transition-colors duration-150 ease-smooth hover:text-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"));
+}
+LoginPage.displayName = "LoginPage";
 //#endregion
-export { RegisterPage };
+export { LoginPage };
 
 //# sourceMappingURL=index231.js.map

package/dist/index231.js.map

@@ -1 +1 @@
-{"version":3,"file":"index231.js","names":[],"sources":["../src/components/pages/RegisterPage/RegisterPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/atoms/forms/Checkbox';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport {\n  type AuthPageAction,\n  type AuthPageAsideConfig,\n  AuthPageLayout,\n  type AuthPageLayoutProps,\n} from '@/components/templates/AuthPageLayout';\nimport { cn } from '@/lib/utils';\nimport {\n  AuthForm,\n  AuthInlineAction,\n  AuthPasswordInput,\n  AuthPrimaryButton,\n  AuthSocialDivider,\n  AuthSsoActions,\n  defaultRegisterAside,\n} from '../_auth';\n\nexport interface RegisterPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  nameInputProps?: InputProps;\n  emailInputProps?: InputProps;\n  passwordInputProps?: InputProps;\n  termsProps?: Omit<CheckboxProps, 'ref'>;\n  termsLabel?: string;\n  ssoActions?: AuthPageAction[];\n  ssoDividerLabel?: React.ReactNode;\n  loginAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction RegisterPage({\n  title = 'Create your account',\n  description = \"Let's get started with your 30-day free trial\",\n  aside = defaultRegisterAside,\n  nameInputProps,\n  emailInputProps,\n  passwordInputProps,\n  termsProps,\n  termsLabel = 'I agree to all terms, privacy policy, and fees',\n  ssoActions = [{ label: 'Login with SSO' }],\n  ssoDividerLabel = 'Or',\n  loginAction = { label: 'Log in' },\n  submitLabel = 'Create account',\n  isSubmitting,\n  onSubmit,\n  formClassName,\n  ...layoutProps\n}: RegisterPageProps): React.ReactElement {\n  const hasSsoActions = ssoActions.length > 0;\n  const termsAriaLabel =\n    typeof termsLabel === 'string' ? termsLabel : undefined;\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={description}\n      aside={aside}\n      formClassName={cn('lg:min-h-[608px]', formClassName)}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"register-page\"\n    >\n      {hasSsoActions && (\n        <>\n          <AuthSsoActions actions={ssoActions} />\n          <AuthSocialDivider label={ssoDividerLabel} />\n        </>\n      )}\n      <AuthForm onSubmit={onSubmit}>\n        <Input\n          autoComplete=\"name\"\n          label=\"Name\"\n          name=\"name\"\n          placeholder=\"Enter your name\"\n          required\n          {...nameInputProps}\n        />\n        <Input\n          autoComplete=\"email\"\n          label=\"Email\"\n          name=\"email\"\n          placeholder=\"Enter your email address\"\n          required\n          type=\"email\"\n          {...emailInputProps}\n        />\n        <AuthPasswordInput\n          autoComplete=\"new-password\"\n          label=\"Password\"\n          name=\"password\"\n          placeholder=\"Enter your password\"\n          required\n          {...passwordInputProps}\n        />\n        <Checkbox\n          aria-label={termsAriaLabel}\n          label={termsLabel}\n          name=\"terms\"\n          required\n          {...termsProps}\n        />\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthInlineAction\n          prefix=\"Already have an account?\"\n          action={loginAction}\n        />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nRegisterPage.displayName = 'RegisterPage';\n\nexport { RegisterPage };\n"],"mappings":";;;;;;;;AA8CA,SAAS,aAAa,EACpB,QAAQ,uBACR,cAAc,iDACd,QAAQ,sBACR,gBACA,iBACA,oBACA,YACA,aAAa,kDACb,aAAa,CAAC,EAAE,OAAO,iBAAiB,CAAC,GACzC,kBAAkB,MAClB,cAAc,EAAE,OAAO,SAAS,GAChC,cAAc,kBACd,cACA,UACA,eACA,GAAG,eACqC;CACxC,MAAM,gBAAgB,WAAW,SAAS;CAC1C,MAAM,iBACJ,OAAO,eAAe,WAAW,aAAa,KAAA;CAEhD,OACE,qBAAC,gBAAD;EACS;EACM;EACN;EACP,eAAe,GAAG,oBAAoB,aAAa;EACnD,GAAI;EACJ,aAAU;EACV,kBAAe;YAPjB,CASG,iBACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAgB,SAAS,WAAa,CAAA,GACtC,oBAAC,mBAAD,EAAmB,OAAO,gBAAkB,CAAA,CAC5C,EAAA,CAAA,GAEJ,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,OAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,GAAI;IACL,CAAA;IACD,oBAAC,OAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,MAAK;KACL,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,GAAI;IACL,CAAA;IACD,oBAAC,UAAD;KACE,cAAY;KACZ,OAAO;KACP,MAAK;KACL,UAAA;KACA,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,kBAAD;KACE,QAAO;KACP,QAAQ;IACT,CAAA;GACO;IACI;;AAEpB;AAEA,aAAa,cAAc"}
+{"version":3,"file":"index231.js","names":[],"sources":["../src/components/pages/LoginPage/LoginPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/atoms/forms/Checkbox';\nimport { Input, type InputProps } from '@/components/atoms/forms/Input';\nimport {\n  type AuthPageAction,\n  type AuthPageAsideConfig,\n  AuthPageLayout,\n  type AuthPageLayoutProps,\n  renderActionElement,\n} from '@/components/templates/AuthPageLayout';\nimport { cn } from '@/lib/utils';\nimport {\n  AuthForm,\n  AuthInlineAction,\n  AuthPasswordInput,\n  AuthPrimaryButton,\n  AuthSocialDivider,\n  AuthSsoActions,\n  defaultLoginAside,\n} from '../_auth';\n\nexport interface LoginPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  emailInputProps?: InputProps;\n  passwordInputProps?: InputProps;\n  rememberMeProps?: Omit<CheckboxProps, 'ref'>;\n  rememberMeLabel?: string;\n  ssoActions?: AuthPageAction[];\n  ssoDividerLabel?: React.ReactNode;\n  forgotPasswordAction?: AuthPageAction;\n  registerAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\ninterface AuthTextActionProps {\n  action: AuthPageAction;\n}\n\nfunction LoginPage({\n  title = 'Welcome Back',\n  description = 'Welcome back! Select method to login:',\n  aside = defaultLoginAside,\n  emailInputProps,\n  passwordInputProps,\n  rememberMeProps,\n  rememberMeLabel = 'Remember Me',\n  ssoActions = [{ label: 'Login with SSO' }],\n  ssoDividerLabel = 'or Continue with Email',\n  forgotPasswordAction = { label: 'Forgot Password?' },\n  registerAction = { label: 'Create an account' },\n  submitLabel = 'Sign in to HUMAIN',\n  isSubmitting,\n  onSubmit,\n  formClassName,\n  ...layoutProps\n}: LoginPageProps): React.ReactElement {\n  const hasSsoActions = ssoActions.length > 0;\n  const rememberMeAriaLabel =\n    typeof rememberMeLabel === 'string' ? rememberMeLabel : undefined;\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={description}\n      aside={aside}\n      formClassName={cn('lg:min-h-[528px]', formClassName)}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"login-page\"\n    >\n      {hasSsoActions && (\n        <>\n          <AuthSsoActions actions={ssoActions} />\n          <AuthSocialDivider label={ssoDividerLabel} />\n        </>\n      )}\n      <AuthForm onSubmit={onSubmit}>\n        <Input\n          autoComplete=\"email\"\n          label=\"Email\"\n          name=\"email\"\n          placeholder=\"Enter your email address\"\n          required\n          type=\"email\"\n          {...emailInputProps}\n        />\n        <AuthPasswordInput\n          autoComplete=\"current-password\"\n          label=\"Password\"\n          name=\"password\"\n          placeholder=\"Enter your password\"\n          required\n          {...passwordInputProps}\n        />\n        <div className=\"flex items-center justify-between gap-4\">\n          <Checkbox\n            aria-label={rememberMeAriaLabel}\n            label={rememberMeLabel}\n            name=\"remember\"\n            {...rememberMeProps}\n          />\n          <AuthTextAction action={forgotPasswordAction} />\n        </div>\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthInlineAction\n          prefix=\"New on our platform?\"\n          action={registerAction}\n        />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nfunction AuthTextAction({ action }: AuthTextActionProps): React.ReactElement {\n  const className = cn(\n    'shrink-0 whitespace-nowrap text-end text-md text-foreground transition-colors duration-150 ease-smooth hover:text-primary',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n  );\n\n  return renderActionElement(action, className);\n}\n\nLoginPage.displayName = 'LoginPage';\n\nexport { LoginPage };\n"],"mappings":";;;;;;;;AAmDA,SAAS,UAAU,EACjB,QAAQ,gBACR,cAAc,yCACd,QAAQ,mBACR,iBACA,oBACA,iBACA,kBAAkB,eAClB,aAAa,CAAC,EAAE,OAAO,iBAAiB,CAAC,GACzC,kBAAkB,0BAClB,uBAAuB,EAAE,OAAO,mBAAmB,GACnD,iBAAiB,EAAE,OAAO,oBAAoB,GAC9C,cAAc,qBACd,cACA,UACA,eACA,GAAG,eACkC;CACrC,MAAM,gBAAgB,WAAW,SAAS;CAC1C,MAAM,sBACJ,OAAO,oBAAoB,WAAW,kBAAkB,KAAA;CAE1D,OACE,qBAAC,gBAAD;EACS;EACM;EACN;EACP,eAAe,GAAG,oBAAoB,aAAa;EACnD,GAAI;EACJ,aAAU;EACV,kBAAe;YAPjB,CASG,iBACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAgB,SAAS,WAAa,CAAA,GACtC,oBAAC,mBAAD,EAAmB,OAAO,gBAAkB,CAAA,CAC5C,EAAA,CAAA,GAEJ,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,OAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,MAAK;KACL,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,GAAI;IACL,CAAA;IACD,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,UAAD;MACE,cAAY;MACZ,OAAO;MACP,MAAK;MACL,GAAI;KACL,CAAA,GACD,oBAAC,gBAAD,EAAgB,QAAQ,qBAAuB,CAAA,CAC5C;;IACL,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,kBAAD;KACE,QAAO;KACP,QAAQ;IACT,CAAA;GACO;IACI;;AAEpB;AAEA,SAAS,eAAe,EAAE,UAAmD;CAM3E,OAAO,oBAAoB,QALT,GAChB,6HACA,0IAGiC,CAAS;AAC9C;AAEA,UAAU,cAAc"}

package/dist/index232.js

@@ -1,48 +1,71 @@
 "use client";
-import { AuthPageLayout } from "./index226.js";
-import { AuthForm, AuthGhostAction, AuthPasswordInput, AuthPrimaryButton, defaultResetPasswordAside } from "./index228.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pages/ResetPasswordPage/ResetPasswordPage.tsx
-function ResetPasswordPage({ title = "Set new password", description = "Must be at least 8 characters.", aside = defaultResetPasswordAside, passwordInputProps, confirmPasswordInputProps, loginAction = { label: "Back to login" }, submitLabel = "Reset Password", isSubmitting, onSubmit, ...layoutProps }) {
-	return /* @__PURE__ */ jsx(AuthPageLayout, {
+import { cn } from "./index2.js";
+import { Checkbox } from "./index28.js";
+import { Input } from "./index33.js";
+import { AuthPageLayout } from "./index227.js";
+import { AuthForm, AuthInlineAction, AuthPasswordInput, AuthPrimaryButton, AuthSocialDivider, AuthSsoActions, defaultRegisterAside } from "./index229.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pages/RegisterPage/RegisterPage.tsx
+function RegisterPage({ title = "Create your account", description = "Let's get started with your 30-day free trial", aside = defaultRegisterAside, nameInputProps, emailInputProps, passwordInputProps, termsProps, termsLabel = "I agree to all terms, privacy policy, and fees", ssoActions = [{ label: "Login with SSO" }], ssoDividerLabel = "Or", loginAction = { label: "Log in" }, submitLabel = "Create account", isSubmitting, onSubmit, formClassName, ...layoutProps }) {
+	const hasSsoActions = ssoActions.length > 0;
+	const termsAriaLabel = typeof termsLabel === "string" ? termsLabel : void 0;
+	return /* @__PURE__ */ jsxs(AuthPageLayout, {
 		title,
 		description,
 		aside,
+		formClassName: cn("lg:min-h-[608px]", formClassName),
 		...layoutProps,
 		"data-slot": "auth-page-layout",
-		"data-page-slot": "reset-password-page",
-		children: /* @__PURE__ */ jsxs(AuthForm, {
+		"data-page-slot": "register-page",
+		children: [hasSsoActions && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AuthSsoActions, { actions: ssoActions }), /* @__PURE__ */ jsx(AuthSocialDivider, { label: ssoDividerLabel })] }), /* @__PURE__ */ jsxs(AuthForm, {
 			onSubmit,
 			children: [
+				/* @__PURE__ */ jsx(Input, {
+					autoComplete: "name",
+					label: "Name",
+					name: "name",
+					placeholder: "Enter your name",
+					required: true,
+					...nameInputProps
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					autoComplete: "email",
+					label: "Email",
+					name: "email",
+					placeholder: "Enter your email address",
+					required: true,
+					type: "email",
+					...emailInputProps
+				}),
 				/* @__PURE__ */ jsx(AuthPasswordInput, {
 					autoComplete: "new-password",
-					label: "New password",
+					label: "Password",
 					name: "password",
-					placeholder: "Enter new password",
+					placeholder: "Enter your password",
 					required: true,
-					visibilityLabel: "new password",
 					...passwordInputProps
 				}),
-				/* @__PURE__ */ jsx(AuthPasswordInput, {
-					autoComplete: "new-password",
-					label: "Confirm password",
-					name: "confirmPassword",
-					placeholder: "Confirm new password",
+				/* @__PURE__ */ jsx(Checkbox, {
+					"aria-label": termsAriaLabel,
+					label: termsLabel,
+					name: "terms",
 					required: true,
-					visibilityLabel: "confirm password",
-					...confirmPasswordInputProps
+					...termsProps
 				}),
 				/* @__PURE__ */ jsx(AuthPrimaryButton, {
 					loading: isSubmitting,
 					children: submitLabel
 				}),
-				/* @__PURE__ */ jsx(AuthGhostAction, { action: loginAction })
+				/* @__PURE__ */ jsx(AuthInlineAction, {
+					prefix: "Already have an account?",
+					action: loginAction
+				})
 			]
-		})
+		})]
 	});
 }
-ResetPasswordPage.displayName = "ResetPasswordPage";
+RegisterPage.displayName = "RegisterPage";
 //#endregion
-export { ResetPasswordPage };
+export { RegisterPage };
 
 //# sourceMappingURL=index232.js.map