@humain/ui 2.1.62 → 2.1.65

package/dist/index232.js.map

@@ -1 +1 @@
-{"version":3,"file":"index232.js","names":[],"sources":["../src/components/pages/ResetPasswordPage/ResetPasswordPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport 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  AuthPasswordInput,\n  AuthPrimaryButton,\n  defaultResetPasswordAside,\n} from '../_auth';\n\nexport interface ResetPasswordPageProps\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  passwordInputProps?: InputProps;\n  confirmPasswordInputProps?: InputProps;\n  loginAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction ResetPasswordPage({\n  title = 'Set new password',\n  description = 'Must be at least 8 characters.',\n  aside = defaultResetPasswordAside,\n  passwordInputProps,\n  confirmPasswordInputProps,\n  loginAction = { label: 'Back to login' },\n  submitLabel = 'Reset Password',\n  isSubmitting,\n  onSubmit,\n  ...layoutProps\n}: ResetPasswordPageProps): 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=\"reset-password-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <AuthPasswordInput\n          autoComplete=\"new-password\"\n          label=\"New password\"\n          name=\"password\"\n          placeholder=\"Enter new password\"\n          required\n          visibilityLabel=\"new password\"\n          {...passwordInputProps}\n        />\n        <AuthPasswordInput\n          autoComplete=\"new-password\"\n          label=\"Confirm password\"\n          name=\"confirmPassword\"\n          placeholder=\"Confirm new password\"\n          required\n          visibilityLabel=\"confirm password\"\n          {...confirmPasswordInputProps}\n        />\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthGhostAction action={loginAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nResetPasswordPage.displayName = 'ResetPasswordPage';\n\nexport { ResetPasswordPage };\n"],"mappings":";;;;;AAkCA,SAAS,kBAAkB,EACzB,QAAQ,oBACR,cAAc,kCACd,QAAQ,2BACR,oBACA,2BACA,cAAc,EAAE,OAAO,gBAAgB,GACvC,cAAc,kBACd,cACA,UACA,GAAG,eAC0C;CAC7C,OACE,oBAAC,gBAAD;EACS;EACM;EACN;EACP,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,iBAAgB;KAChB,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,iBAAgB;KAChB,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,iBAAD,EAAiB,QAAQ,YAAc,CAAA;GAC/B;;CACI,CAAA;AAEpB;AAEA,kBAAkB,cAAc"}
+{"version":3,"file":"index232.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"}

package/dist/index233.js

@@ -1,69 +1,48 @@
 "use client";
-import { cn } from "./index2.js";
-import { InputOTP, InputOTPSlot } from "./index126.js";
-import { AuthPageLayout, renderActionElement } from "./index226.js";
-import { AuthForm, AuthInlineAction, AuthPrimaryButton, defaultTwoFactorAside } from "./index228.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pages/TwoFactorAuthenticationPage/TwoFactorAuthenticationPage.tsx
-function getOtpSlots(otpLength) {
-	return Array.from({ length: otpLength }, (_, index) => index);
-}
-function TwoFactorAuthenticationPage({ title = "Password reset", destination = "*******1234", description, aside = defaultTwoFactorAside, otpLength = 6, otpProps, recoveryCodeAction = { label: "Use a recovery code" }, resendAction = { label: "Resend" }, submitLabel = "Verify Code", isSubmitting, onSubmit, formMaxWidthClassName = "max-w-[430px]", formClassName, className, ...layoutProps }) {
-	const { className: otpClassName, containerClassName: otpContainerClassName, ...resolvedOtpProps } = otpProps ?? {};
-	const resolvedDescription = description ?? /* @__PURE__ */ jsxs(Fragment, { children: ["We sent a code to your mobile number ", /* @__PURE__ */ jsx("strong", { children: destination })] });
-	const otpSlots = getOtpSlots(otpLength);
+import { AuthPageLayout } from "./index227.js";
+import { AuthForm, AuthGhostAction, AuthPasswordInput, AuthPrimaryButton, defaultResetPasswordAside } from "./index229.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, {
 		title,
-		description: resolvedDescription,
+		description,
 		aside,
-		formMaxWidthClassName,
-		formClassName: cn("lg:min-h-[379px]", formClassName),
-		className,
 		...layoutProps,
 		"data-slot": "auth-page-layout",
-		"data-page-slot": "two-factor-authentication-page",
+		"data-page-slot": "reset-password-page",
 		children: /* @__PURE__ */ jsxs(AuthForm, {
 			onSubmit,
 			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between gap-4 text-md font-medium text-foreground",
-						children: [/* @__PURE__ */ jsxs("span", { children: ["Code ", /* @__PURE__ */ jsx("span", {
-							className: "text-destructive",
-							children: "*"
-						})] }), /* @__PURE__ */ jsx(AuthSmallAction, { action: recoveryCodeAction })]
-					}), /* @__PURE__ */ jsx(InputOTP, {
-						"aria-label": "One-time authentication code",
-						maxLength: otpLength,
-						name: "otp",
-						required: true,
-						...resolvedOtpProps,
-						className: otpClassName,
-						containerClassName: cn("justify-center gap-4", otpContainerClassName),
-						children: otpSlots.map((slotIndex) => /* @__PURE__ */ jsx(InputOTPSlot, {
-							index: slotIndex,
-							className: "size-9 rounded-md text-md"
-						}, slotIndex))
-					})]
+				/* @__PURE__ */ jsx(AuthPasswordInput, {
+					autoComplete: "new-password",
+					label: "New password",
+					name: "password",
+					placeholder: "Enter new password",
+					required: true,
+					visibilityLabel: "new password",
+					...passwordInputProps
+				}),
+				/* @__PURE__ */ jsx(AuthPasswordInput, {
+					autoComplete: "new-password",
+					label: "Confirm password",
+					name: "confirmPassword",
+					placeholder: "Confirm new password",
+					required: true,
+					visibilityLabel: "confirm password",
+					...confirmPasswordInputProps
 				}),
 				/* @__PURE__ */ jsx(AuthPrimaryButton, {
 					loading: isSubmitting,
 					children: submitLabel
 				}),
-				/* @__PURE__ */ jsx(AuthInlineAction, {
-					prefix: "Didn't get the code?",
-					action: resendAction
-				})
+				/* @__PURE__ */ jsx(AuthGhostAction, { action: loginAction })
 			]
 		})
 	});
 }
-function AuthSmallAction({ action }) {
-	return renderActionElement(action, cn("text-sm 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"));
-}
-TwoFactorAuthenticationPage.displayName = "TwoFactorAuthenticationPage";
+ResetPasswordPage.displayName = "ResetPasswordPage";
 //#endregion
-export { TwoFactorAuthenticationPage };
+export { ResetPasswordPage };
 
 //# sourceMappingURL=index233.js.map

package/dist/index233.js.map

@@ -1 +1 @@
-{"version":3,"file":"index233.js","names":[],"sources":["../src/components/pages/TwoFactorAuthenticationPage/TwoFactorAuthenticationPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { InputOTP, InputOTPSlot } from '@/components/molecules/forms/InputOTP';\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  AuthPrimaryButton,\n  defaultTwoFactorAside,\n} from '../_auth';\n\nexport interface TwoFactorAuthenticationPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  destination?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  otpLength?: number;\n  otpProps?: Omit<\n    React.ComponentProps<typeof InputOTP>,\n    'children' | 'maxLength' | 'render'\n  >;\n  recoveryCodeAction?: AuthPageAction;\n  resendAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\ninterface AuthSmallActionProps {\n  action: AuthPageAction;\n}\n\nfunction getOtpSlots(otpLength: number): number[] {\n  return Array.from({ length: otpLength }, (_, index) => index);\n}\n\nfunction TwoFactorAuthenticationPage({\n  title = 'Password reset',\n  destination = '*******1234',\n  description,\n  aside = defaultTwoFactorAside,\n  otpLength = 6,\n  otpProps,\n  recoveryCodeAction = { label: 'Use a recovery code' },\n  resendAction = { label: 'Resend' },\n  submitLabel = 'Verify Code',\n  isSubmitting,\n  onSubmit,\n  formMaxWidthClassName = 'max-w-[430px]',\n  formClassName,\n  className,\n  ...layoutProps\n}: TwoFactorAuthenticationPageProps): React.ReactElement {\n  const {\n    className: otpClassName,\n    containerClassName: otpContainerClassName,\n    ...resolvedOtpProps\n  } = otpProps ?? {};\n  const resolvedDescription = description ?? (\n    <>\n      We sent a code to your mobile number <strong>{destination}</strong>\n    </>\n  );\n  const otpSlots = getOtpSlots(otpLength);\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={resolvedDescription}\n      aside={aside}\n      formMaxWidthClassName={formMaxWidthClassName}\n      formClassName={cn('lg:min-h-[379px]', formClassName)}\n      className={className}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"two-factor-authentication-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"flex items-center justify-between gap-4 text-md font-medium text-foreground\">\n            <span>\n              Code <span className=\"text-destructive\">*</span>\n            </span>\n            <AuthSmallAction action={recoveryCodeAction} />\n          </div>\n          <InputOTP\n            aria-label=\"One-time authentication code\"\n            maxLength={otpLength}\n            name=\"otp\"\n            required\n            {...resolvedOtpProps}\n            className={otpClassName}\n            containerClassName={cn(\n              'justify-center gap-4',\n              otpContainerClassName,\n            )}\n          >\n            {otpSlots.map((slotIndex) => (\n              <InputOTPSlot\n                key={slotIndex}\n                index={slotIndex}\n                className=\"size-9 rounded-md text-md\"\n              />\n            ))}\n          </InputOTP>\n        </div>\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthInlineAction prefix=\"Didn't get the code?\" action={resendAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nfunction AuthSmallAction({ action }: AuthSmallActionProps): React.ReactElement {\n  const className = cn(\n    'text-sm font-medium 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\nTwoFactorAuthenticationPage.displayName = 'TwoFactorAuthenticationPage';\n\nexport { TwoFactorAuthenticationPage };\n"],"mappings":";;;;;;;AA4CA,SAAS,YAAY,WAA6B;CAChD,OAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,UAAU,KAAK;AAC9D;AAEA,SAAS,4BAA4B,EACnC,QAAQ,kBACR,cAAc,eACd,aACA,QAAQ,uBACR,YAAY,GACZ,UACA,qBAAqB,EAAE,OAAO,sBAAsB,GACpD,eAAe,EAAE,OAAO,SAAS,GACjC,cAAc,eACd,cACA,UACA,wBAAwB,iBACxB,eACA,WACA,GAAG,eACoD;CACvD,MAAM,EACJ,WAAW,cACX,oBAAoB,uBACpB,GAAG,qBACD,YAAY,CAAC;CACjB,MAAM,sBAAsB,eAC1B,qBAAA,UAAA,EAAA,UAAA,CAAE,yCACqC,oBAAC,UAAD,EAAA,UAAS,YAAoB,CAAA,CAClE,EAAA,CAAA;CAEJ,MAAM,WAAW,YAAY,SAAS;CAEtC,OACE,oBAAC,gBAAD;EACS;EACP,aAAa;EACN;EACgB;EACvB,eAAe,GAAG,oBAAoB,aAAa;EACxC;EACX,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB;IACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,qBAAC,QAAD,EAAA,UAAA,CAAM,SACC,oBAAC,QAAD;OAAM,WAAU;iBAAmB;MAAO,CAAA,CAC3C,EAAA,CAAA,GACN,oBAAC,iBAAD,EAAiB,QAAQ,mBAAqB,CAAA,CAC3C;SACL,oBAAC,UAAD;MACE,cAAW;MACX,WAAW;MACX,MAAK;MACL,UAAA;MACA,GAAI;MACJ,WAAW;MACX,oBAAoB,GAClB,wBACA,qBACF;gBAEC,SAAS,KAAK,cACb,oBAAC,cAAD;OAEE,OAAO;OACP,WAAU;MACX,GAHM,SAGN,CACF;KACO,CAAA,CACP;;IACL,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,kBAAD;KAAkB,QAAO;KAAuB,QAAQ;IAAe,CAAA;GAC/D;;CACI,CAAA;AAEpB;AAEA,SAAS,gBAAgB,EAAE,UAAoD;CAM7E,OAAO,oBAAoB,QALT,GAChB,qGACA,0IAGiC,CAAS;AAC9C;AAEA,4BAA4B,cAAc"}
+{"version":3,"file":"index233.js","names":[],"sources":["../src/components/pages/ResetPasswordPage/ResetPasswordPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport 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  AuthPasswordInput,\n  AuthPrimaryButton,\n  defaultResetPasswordAside,\n} from '../_auth';\n\nexport interface ResetPasswordPageProps\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  passwordInputProps?: InputProps;\n  confirmPasswordInputProps?: InputProps;\n  loginAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction ResetPasswordPage({\n  title = 'Set new password',\n  description = 'Must be at least 8 characters.',\n  aside = defaultResetPasswordAside,\n  passwordInputProps,\n  confirmPasswordInputProps,\n  loginAction = { label: 'Back to login' },\n  submitLabel = 'Reset Password',\n  isSubmitting,\n  onSubmit,\n  ...layoutProps\n}: ResetPasswordPageProps): 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=\"reset-password-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <AuthPasswordInput\n          autoComplete=\"new-password\"\n          label=\"New password\"\n          name=\"password\"\n          placeholder=\"Enter new password\"\n          required\n          visibilityLabel=\"new password\"\n          {...passwordInputProps}\n        />\n        <AuthPasswordInput\n          autoComplete=\"new-password\"\n          label=\"Confirm password\"\n          name=\"confirmPassword\"\n          placeholder=\"Confirm new password\"\n          required\n          visibilityLabel=\"confirm password\"\n          {...confirmPasswordInputProps}\n        />\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthGhostAction action={loginAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nResetPasswordPage.displayName = 'ResetPasswordPage';\n\nexport { ResetPasswordPage };\n"],"mappings":";;;;;AAkCA,SAAS,kBAAkB,EACzB,QAAQ,oBACR,cAAc,kCACd,QAAQ,2BACR,oBACA,2BACA,cAAc,EAAE,OAAO,gBAAgB,GACvC,cAAc,kBACd,cACA,UACA,GAAG,eAC0C;CAC7C,OACE,oBAAC,gBAAD;EACS;EACM;EACN;EACP,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB;IACE,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,iBAAgB;KAChB,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KACE,cAAa;KACb,OAAM;KACN,MAAK;KACL,aAAY;KACZ,UAAA;KACA,iBAAgB;KAChB,GAAI;IACL,CAAA;IACD,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,iBAAD,EAAiB,QAAQ,YAAc,CAAA;GAC/B;;CACI,CAAA;AAEpB;AAEA,kBAAkB,cAAc"}

package/dist/index234.js

@@ -1,43 +1,69 @@
 "use client";
 import { cn } from "./index2.js";
-import { AuthPageLayout } from "./index226.js";
-import { AuthForm, AuthInlineAction, AuthPrimaryActionButton, defaultVerifyEmailAside } from "./index228.js";
+import { InputOTP, InputOTPSlot } from "./index126.js";
+import { AuthPageLayout, renderActionElement } from "./index227.js";
+import { AuthForm, AuthInlineAction, AuthPrimaryButton, defaultTwoFactorAside } from "./index229.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pages/VerifyEmailPage/VerifyEmailPage.tsx
-function VerifyEmailPage({ title = "Verify your email 📧", email = "johndoe@gmail.com", description, aside = defaultVerifyEmailAside, skipAction, resendAction = { label: "Resend" }, submitLabel = "Skip For Now", isSubmitting, onSubmit, formClassName, ...layoutProps }) {
-	const resolvedDescription = description ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-		"Account activation link sent to your email address.",
-		" ",
-		/* @__PURE__ */ jsx("strong", {
-			className: "font-semibold text-foreground",
-			children: email
-		}),
-		", please follow the link inside to continue."
-	] });
-	const resolvedSkipAction = skipAction ?? { label: submitLabel };
-	const skipActionCanSubmit = !resolvedSkipAction.href && !resolvedSkipAction.render;
+//#region src/components/pages/TwoFactorAuthenticationPage/TwoFactorAuthenticationPage.tsx
+function getOtpSlots(otpLength) {
+	return Array.from({ length: otpLength }, (_, index) => index);
+}
+function TwoFactorAuthenticationPage({ title = "Password reset", destination = "*******1234", description, aside = defaultTwoFactorAside, otpLength = 6, otpProps, recoveryCodeAction = { label: "Use a recovery code" }, resendAction = { label: "Resend" }, submitLabel = "Verify Code", isSubmitting, onSubmit, formMaxWidthClassName = "max-w-[430px]", formClassName, className, ...layoutProps }) {
+	const { className: otpClassName, containerClassName: otpContainerClassName, ...resolvedOtpProps } = otpProps ?? {};
+	const resolvedDescription = description ?? /* @__PURE__ */ jsxs(Fragment, { children: ["We sent a code to your mobile number ", /* @__PURE__ */ jsx("strong", { children: destination })] });
+	const otpSlots = getOtpSlots(otpLength);
 	return /* @__PURE__ */ jsx(AuthPageLayout, {
 		title,
 		description: resolvedDescription,
 		aside,
-		formClassName: cn("lg:min-h-[268px]", formClassName),
+		formMaxWidthClassName,
+		formClassName: cn("lg:min-h-[379px]", formClassName),
+		className,
 		...layoutProps,
 		"data-slot": "auth-page-layout",
-		"data-page-slot": "verify-email-page",
+		"data-page-slot": "two-factor-authentication-page",
 		children: /* @__PURE__ */ jsxs(AuthForm, {
 			onSubmit,
-			children: [/* @__PURE__ */ jsx(AuthPrimaryActionButton, {
-				action: resolvedSkipAction,
-				loading: skipActionCanSubmit ? isSubmitting : void 0
-			}), /* @__PURE__ */ jsx(AuthInlineAction, {
-				prefix: "Didn't get the mail?",
-				action: resendAction
-			})]
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between gap-4 text-md font-medium text-foreground",
+						children: [/* @__PURE__ */ jsxs("span", { children: ["Code ", /* @__PURE__ */ jsx("span", {
+							className: "text-destructive",
+							children: "*"
+						})] }), /* @__PURE__ */ jsx(AuthSmallAction, { action: recoveryCodeAction })]
+					}), /* @__PURE__ */ jsx(InputOTP, {
+						"aria-label": "One-time authentication code",
+						maxLength: otpLength,
+						name: "otp",
+						required: true,
+						...resolvedOtpProps,
+						className: otpClassName,
+						containerClassName: cn("justify-center gap-4", otpContainerClassName),
+						children: otpSlots.map((slotIndex) => /* @__PURE__ */ jsx(InputOTPSlot, {
+							index: slotIndex,
+							className: "size-9 rounded-md text-md"
+						}, slotIndex))
+					})]
+				}),
+				/* @__PURE__ */ jsx(AuthPrimaryButton, {
+					loading: isSubmitting,
+					children: submitLabel
+				}),
+				/* @__PURE__ */ jsx(AuthInlineAction, {
+					prefix: "Didn't get the code?",
+					action: resendAction
+				})
+			]
 		})
 	});
 }
-VerifyEmailPage.displayName = "VerifyEmailPage";
+function AuthSmallAction({ action }) {
+	return renderActionElement(action, cn("text-sm 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"));
+}
+TwoFactorAuthenticationPage.displayName = "TwoFactorAuthenticationPage";
 //#endregion
-export { VerifyEmailPage as VerifyEmail, VerifyEmailPage };
+export { TwoFactorAuthenticationPage };
 
 //# sourceMappingURL=index234.js.map

package/dist/index234.js.map

@@ -1 +1 @@
-{"version":3,"file":"index234.js","names":[],"sources":["../src/components/pages/VerifyEmailPage/VerifyEmailPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\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  AuthPrimaryActionButton,\n  defaultVerifyEmailAside,\n} from '../_auth';\n\nexport interface VerifyEmailPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  email?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  skipAction?: AuthPageAction;\n  resendAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction VerifyEmailPage({\n  title = 'Verify your email 📧',\n  email = 'johndoe@gmail.com',\n  description,\n  aside = defaultVerifyEmailAside,\n  skipAction,\n  resendAction = { label: 'Resend' },\n  submitLabel = 'Skip For Now',\n  isSubmitting,\n  onSubmit,\n  formClassName,\n  ...layoutProps\n}: VerifyEmailPageProps): React.ReactElement {\n  const resolvedDescription = description ?? (\n    <>\n      Account activation link sent to your email address.{' '}\n      <strong className=\"font-semibold text-foreground\">{email}</strong>, please\n      follow the link inside to continue.\n    </>\n  );\n  const resolvedSkipAction = skipAction ?? { label: submitLabel };\n  const skipActionCanSubmit =\n    !resolvedSkipAction.href && !resolvedSkipAction.render;\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={resolvedDescription}\n      aside={aside}\n      formClassName={cn('lg:min-h-[268px]', formClassName)}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"verify-email-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <AuthPrimaryActionButton\n          action={resolvedSkipAction}\n          loading={skipActionCanSubmit ? isSubmitting : undefined}\n        />\n        <AuthInlineAction prefix=\"Didn't get the mail?\" action={resendAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nVerifyEmailPage.displayName = 'VerifyEmailPage';\n\nexport { VerifyEmailPage, VerifyEmailPage as VerifyEmail };\n"],"mappings":";;;;;;AAiCA,SAAS,gBAAgB,EACvB,QAAQ,wBACR,QAAQ,qBACR,aACA,QAAQ,yBACR,YACA,eAAe,EAAE,OAAO,SAAS,GACjC,cAAc,gBACd,cACA,UACA,eACA,GAAG,eACwC;CAC3C,MAAM,sBAAsB,eAC1B,qBAAA,UAAA,EAAA,UAAA;EAAE;EACoD;EACpD,oBAAC,UAAD;GAAQ,WAAU;aAAiC;EAAc,CAAA;EAAC;CAElE,EAAA,CAAA;CAEJ,MAAM,qBAAqB,cAAc,EAAE,OAAO,YAAY;CAC9D,MAAM,sBACJ,CAAC,mBAAmB,QAAQ,CAAC,mBAAmB;CAElD,OACE,oBAAC,gBAAD;EACS;EACP,aAAa;EACN;EACP,eAAe,GAAG,oBAAoB,aAAa;EACnD,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB,CACE,oBAAC,yBAAD;IACE,QAAQ;IACR,SAAS,sBAAsB,eAAe,KAAA;GAC/C,CAAA,GACD,oBAAC,kBAAD;IAAkB,QAAO;IAAuB,QAAQ;GAAe,CAAA,CAC/D;;CACI,CAAA;AAEpB;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"index234.js","names":[],"sources":["../src/components/pages/TwoFactorAuthenticationPage/TwoFactorAuthenticationPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { InputOTP, InputOTPSlot } from '@/components/molecules/forms/InputOTP';\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  AuthPrimaryButton,\n  defaultTwoFactorAside,\n} from '../_auth';\n\nexport interface TwoFactorAuthenticationPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  destination?: React.ReactNode;\n  description?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  otpLength?: number;\n  otpProps?: Omit<\n    React.ComponentProps<typeof InputOTP>,\n    'children' | 'maxLength' | 'render'\n  >;\n  recoveryCodeAction?: AuthPageAction;\n  resendAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\ninterface AuthSmallActionProps {\n  action: AuthPageAction;\n}\n\nfunction getOtpSlots(otpLength: number): number[] {\n  return Array.from({ length: otpLength }, (_, index) => index);\n}\n\nfunction TwoFactorAuthenticationPage({\n  title = 'Password reset',\n  destination = '*******1234',\n  description,\n  aside = defaultTwoFactorAside,\n  otpLength = 6,\n  otpProps,\n  recoveryCodeAction = { label: 'Use a recovery code' },\n  resendAction = { label: 'Resend' },\n  submitLabel = 'Verify Code',\n  isSubmitting,\n  onSubmit,\n  formMaxWidthClassName = 'max-w-[430px]',\n  formClassName,\n  className,\n  ...layoutProps\n}: TwoFactorAuthenticationPageProps): React.ReactElement {\n  const {\n    className: otpClassName,\n    containerClassName: otpContainerClassName,\n    ...resolvedOtpProps\n  } = otpProps ?? {};\n  const resolvedDescription = description ?? (\n    <>\n      We sent a code to your mobile number <strong>{destination}</strong>\n    </>\n  );\n  const otpSlots = getOtpSlots(otpLength);\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={resolvedDescription}\n      aside={aside}\n      formMaxWidthClassName={formMaxWidthClassName}\n      formClassName={cn('lg:min-h-[379px]', formClassName)}\n      className={className}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"two-factor-authentication-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"flex items-center justify-between gap-4 text-md font-medium text-foreground\">\n            <span>\n              Code <span className=\"text-destructive\">*</span>\n            </span>\n            <AuthSmallAction action={recoveryCodeAction} />\n          </div>\n          <InputOTP\n            aria-label=\"One-time authentication code\"\n            maxLength={otpLength}\n            name=\"otp\"\n            required\n            {...resolvedOtpProps}\n            className={otpClassName}\n            containerClassName={cn(\n              'justify-center gap-4',\n              otpContainerClassName,\n            )}\n          >\n            {otpSlots.map((slotIndex) => (\n              <InputOTPSlot\n                key={slotIndex}\n                index={slotIndex}\n                className=\"size-9 rounded-md text-md\"\n              />\n            ))}\n          </InputOTP>\n        </div>\n        <AuthPrimaryButton loading={isSubmitting}>\n          {submitLabel}\n        </AuthPrimaryButton>\n        <AuthInlineAction prefix=\"Didn't get the code?\" action={resendAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nfunction AuthSmallAction({ action }: AuthSmallActionProps): React.ReactElement {\n  const className = cn(\n    'text-sm font-medium 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\nTwoFactorAuthenticationPage.displayName = 'TwoFactorAuthenticationPage';\n\nexport { TwoFactorAuthenticationPage };\n"],"mappings":";;;;;;;AA4CA,SAAS,YAAY,WAA6B;CAChD,OAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,UAAU,KAAK;AAC9D;AAEA,SAAS,4BAA4B,EACnC,QAAQ,kBACR,cAAc,eACd,aACA,QAAQ,uBACR,YAAY,GACZ,UACA,qBAAqB,EAAE,OAAO,sBAAsB,GACpD,eAAe,EAAE,OAAO,SAAS,GACjC,cAAc,eACd,cACA,UACA,wBAAwB,iBACxB,eACA,WACA,GAAG,eACoD;CACvD,MAAM,EACJ,WAAW,cACX,oBAAoB,uBACpB,GAAG,qBACD,YAAY,CAAC;CACjB,MAAM,sBAAsB,eAC1B,qBAAA,UAAA,EAAA,UAAA,CAAE,yCACqC,oBAAC,UAAD,EAAA,UAAS,YAAoB,CAAA,CAClE,EAAA,CAAA;CAEJ,MAAM,WAAW,YAAY,SAAS;CAEtC,OACE,oBAAC,gBAAD;EACS;EACP,aAAa;EACN;EACgB;EACvB,eAAe,GAAG,oBAAoB,aAAa;EACxC;EACX,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB;IACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,qBAAC,QAAD,EAAA,UAAA,CAAM,SACC,oBAAC,QAAD;OAAM,WAAU;iBAAmB;MAAO,CAAA,CAC3C,EAAA,CAAA,GACN,oBAAC,iBAAD,EAAiB,QAAQ,mBAAqB,CAAA,CAC3C;SACL,oBAAC,UAAD;MACE,cAAW;MACX,WAAW;MACX,MAAK;MACL,UAAA;MACA,GAAI;MACJ,WAAW;MACX,oBAAoB,GAClB,wBACA,qBACF;gBAEC,SAAS,KAAK,cACb,oBAAC,cAAD;OAEE,OAAO;OACP,WAAU;MACX,GAHM,SAGN,CACF;KACO,CAAA,CACP;;IACL,oBAAC,mBAAD;KAAmB,SAAS;eACzB;IACgB,CAAA;IACnB,oBAAC,kBAAD;KAAkB,QAAO;KAAuB,QAAQ;IAAe,CAAA;GAC/D;;CACI,CAAA;AAEpB;AAEA,SAAS,gBAAgB,EAAE,UAAoD;CAM7E,OAAO,oBAAoB,QALT,GAChB,qGACA,0IAGiC,CAAS;AAC9C;AAEA,4BAA4B,cAAc"}

package/dist/index235.js

@@ -1,228 +1,43 @@
-import { assertNever } from "./index2.js";
-//#region src/lib/ai-interaction-format.ts
-var UNEXPECTED_COMPONENT_TYPE_MESSAGE = "Unexpected AI interaction component type";
-/**
-* Normalize value to array
-*/
-function normalizeToArray(value) {
-	if (Array.isArray(value)) return value.map(String);
-	if (value === null || value === void 0) return [];
-	return [String(value)];
-}
-/**
-* Apply label mappings to values
-*/
-function applyLabels(values, labels) {
-	if (!labels) return values;
-	return values.map((v) => labels[v] || v);
-}
-/**
-* Format timestamp for display
-*/
-function formatTimestamp(timestamp) {
-	return new Date(timestamp).toISOString();
-}
-function formatSelectNatural(event, options) {
-	const values = normalizeToArray(event.value);
-	if (values.length === 0) return "I cleared my selection";
-	return `I selected: ${applyLabels(values, options?.labels).join(", ")}`;
-}
-function formatFormNatural(event) {
-	const data = event.value;
-	if (!data || Object.keys(data).length === 0) return `I submitted the ${event.componentId} form with no data`;
-	const fields = Object.entries(data).map(([key, value]) => `\u2022 ${key}: ${value}`).join("\n");
-	return `I submitted the ${event.componentId} form:\n${fields}`;
-}
-function formatTableNatural(event) {
-	const rows = event.value?.selectedRows || [];
-	if (rows.length === 0) return `I cleared row selection from ${event.componentId}`;
-	return `I selected rows ${rows.join(", ")} from ${event.componentId}`;
-}
-function formatChartNatural(event) {
-	const data = event.value;
-	if (!data?.label) return `I clicked on ${event.componentId}`;
-	return `I clicked on ${data.label} (value: ${data.value}) in ${event.componentId}`;
-}
-function formatComponentNatural(event) {
-	if (event.action === "submit" || event.action === "start") return `I answered ${event.componentId}: ${JSON.stringify(event.value)}`;
-	return `I ${event.action} ${event.componentId}: ${JSON.stringify(event.value)}`;
-}
-function formatNatural(event, options) {
-	let result;
-	switch (event.componentType) {
-		case "select":
-			result = formatSelectNatural(event, options);
-			break;
-		case "form":
-			result = formatFormNatural(event);
-			break;
-		case "table":
-			result = formatTableNatural(event);
-			break;
-		case "chart":
-			result = formatChartNatural(event);
-			break;
-		case "component":
-			result = formatComponentNatural(event);
-			break;
-		default: return assertNever(event, UNEXPECTED_COMPONENT_TYPE_MESSAGE);
-	}
-	if (options?.includeTimestamp) result = `[${formatTimestamp(event.timestamp)}] ${result}`;
-	return result;
-}
-function formatSelectStructured(event, options) {
-	const result = {
-		type: "user_interaction",
-		component: "select",
-		id: event.componentId,
-		action: event.action,
-		selection: normalizeToArray(event.value)
-	};
-	if (options?.includeTimestamp) result.timestamp = event.timestamp;
-	return result;
-}
-function formatFormStructured(event, options) {
-	const result = {
-		type: "user_interaction",
-		component: "form",
-		id: event.componentId,
-		action: event.action,
-		data: event.value || {}
-	};
-	if (options?.includeTimestamp) result.timestamp = event.timestamp;
-	return result;
-}
-function formatTableStructured(event, options) {
-	const data = event.value;
-	const result = {
-		type: "user_interaction",
-		component: "table",
-		id: event.componentId,
-		action: event.action,
-		selectedRows: data?.selectedRows || []
-	};
-	if (options?.includeTimestamp) result.timestamp = event.timestamp;
-	return result;
-}
-function formatChartStructured(event, options) {
-	const data = event.value;
-	const result = {
-		type: "user_interaction",
-		component: "chart",
-		id: event.componentId,
-		action: event.action,
-		dataPoint: data
-	};
-	if (options?.includeTimestamp) result.timestamp = event.timestamp;
-	return result;
-}
-function formatComponentStructured(event, options) {
-	const result = {
-		type: "user_interaction",
-		component: "component",
-		id: event.componentId,
-		action: event.action,
-		value: event.value
-	};
-	if (options?.includeTimestamp) result.timestamp = event.timestamp;
-	return result;
-}
-function formatStructured(event, options) {
-	switch (event.componentType) {
-		case "select": return formatSelectStructured(event, options);
-		case "form": return formatFormStructured(event, options);
-		case "table": return formatTableStructured(event, options);
-		case "chart": return formatChartStructured(event, options);
-		case "component": return formatComponentStructured(event, options);
-		default: return assertNever(event, UNEXPECTED_COMPONENT_TYPE_MESSAGE);
-	}
-}
-function formatSelectMarkdown(event, options) {
-	const values = normalizeToArray(event.value);
-	if (values.length === 0) return `**Selection (${event.componentId}):** _cleared_`;
-	const formatted = applyLabels(values, options?.labels).map((v) => `\`${v}\``).join(", ");
-	return `**Selection (${event.componentId}):** ${formatted}`;
-}
-function formatFormMarkdown(event) {
-	const data = event.value;
-	if (!data || Object.keys(data).length === 0) return `**Form Submission (${event.componentId}):** _empty_`;
-	const fields = Object.entries(data).map(([key, value]) => `- **${key}:** ${value}`).join("\n");
-	return `**Form Submission (${event.componentId}):**\n${fields}`;
-}
-function formatTableMarkdown(event) {
-	const rows = event.value?.selectedRows || [];
-	if (rows.length === 0) return `**Table Selection (${event.componentId}):** _none_`;
-	const formatted = rows.map((r) => `\`${r}\``).join(", ");
-	return `**Table Selection (${event.componentId}):** rows ${formatted}`;
-}
-function formatChartMarkdown(event) {
-	const data = event.value;
-	if (!data?.label) return `**Chart Click (${event.componentId}):** _no data_`;
-	return `**Chart Click (${event.componentId}):** ${data.label} (value: \`${data.value}\`)`;
-}
-function formatComponentMarkdown(event) {
-	return `**Component Interaction (${event.componentId}):** ${event.action} \`${JSON.stringify(event.value)}\``;
-}
-function formatMarkdown(event, options) {
-	let result;
-	switch (event.componentType) {
-		case "select":
-			result = formatSelectMarkdown(event, options);
-			break;
-		case "form":
-			result = formatFormMarkdown(event);
-			break;
-		case "table":
-			result = formatTableMarkdown(event);
-			break;
-		case "chart":
-			result = formatChartMarkdown(event);
-			break;
-		case "component":
-			result = formatComponentMarkdown(event);
-			break;
-		default: return assertNever(event, UNEXPECTED_COMPONENT_TYPE_MESSAGE);
-	}
-	if (options?.includeTimestamp) result = `${result} _at ${formatTimestamp(event.timestamp)}_`;
-	return result;
-}
-/**
-* Format an AI interaction event for sending to an LLM.
-*
-* Supports three format modes:
-* - 'natural': Human-readable text (default)
-* - 'structured': JSON object structure
-* - 'markdown': Markdown formatted text
-*
-* @param event - The interaction event to format
-* @param options - Formatting options
-* @returns Formatted string or object depending on format mode
-*
-* @example
-* ```ts
-* // Natural format (default)
-* formatInteractionForLLM(event)
-* // => "I selected: Fast delivery, Premium quality"
-*
-* // Structured format
-* formatInteractionForLLM(event, { format: 'structured' })
-* // => { type: 'user_interaction', component: 'select', ... }
-*
-* // Markdown format
-* formatInteractionForLLM(event, { format: 'markdown' })
-* // => "**Selection (preferences):** `fast`, `quality`"
-* ```
-*/
-function formatInteractionForLLM(event, options) {
-	const format = options?.format || "natural";
-	switch (format) {
-		case "structured": return formatStructured(event, options);
-		case "markdown": return formatMarkdown(event, options);
-		case "natural": return formatNatural(event, options);
-		default: return assertNever(format, "Unexpected AI interaction format");
-	}
-}
+"use client";
+import { cn } from "./index2.js";
+import { AuthPageLayout } from "./index227.js";
+import { AuthForm, AuthInlineAction, AuthPrimaryActionButton, defaultVerifyEmailAside } from "./index229.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pages/VerifyEmailPage/VerifyEmailPage.tsx
+function VerifyEmailPage({ title = "Verify your email 📧", email = "johndoe@gmail.com", description, aside = defaultVerifyEmailAside, skipAction, resendAction = { label: "Resend" }, submitLabel = "Skip For Now", isSubmitting, onSubmit, formClassName, ...layoutProps }) {
+	const resolvedDescription = description ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+		"Account activation link sent to your email address.",
+		" ",
+		/* @__PURE__ */ jsx("strong", {
+			className: "font-semibold text-foreground",
+			children: email
+		}),
+		", please follow the link inside to continue."
+	] });
+	const resolvedSkipAction = skipAction ?? { label: submitLabel };
+	const skipActionCanSubmit = !resolvedSkipAction.href && !resolvedSkipAction.render;
+	return /* @__PURE__ */ jsx(AuthPageLayout, {
+		title,
+		description: resolvedDescription,
+		aside,
+		formClassName: cn("lg:min-h-[268px]", formClassName),
+		...layoutProps,
+		"data-slot": "auth-page-layout",
+		"data-page-slot": "verify-email-page",
+		children: /* @__PURE__ */ jsxs(AuthForm, {
+			onSubmit,
+			children: [/* @__PURE__ */ jsx(AuthPrimaryActionButton, {
+				action: resolvedSkipAction,
+				loading: skipActionCanSubmit ? isSubmitting : void 0
+			}), /* @__PURE__ */ jsx(AuthInlineAction, {
+				prefix: "Didn't get the mail?",
+				action: resendAction
+			})]
+		})
+	});
+}
+VerifyEmailPage.displayName = "VerifyEmailPage";
 //#endregion
-export { formatInteractionForLLM };
+export { VerifyEmailPage as VerifyEmail, VerifyEmailPage };
 
 //# sourceMappingURL=index235.js.map

package/dist/index235.js.map

@@ -1 +1 @@
-{"version":3,"file":"index235.js","names":[],"sources":["../src/lib/ai-interaction-format.ts"],"sourcesContent":["import type { AIInteractionEvent } from '@/components/organisms/ai/_shared/interaction-context';\nimport { assertNever } from '@/lib/utils';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Format modes for LLM interaction formatting\n */\nexport type FormatMode = 'natural' | 'structured' | 'markdown';\n\n/**\n * Options for formatting interaction events\n */\nexport interface FormatOptions {\n  /** Output format mode. Defaults to 'natural' */\n  format?: FormatMode;\n  /** Whether to include timestamp in the output */\n  includeTimestamp?: boolean;\n  /** Label mappings for values (e.g., { 'fast': 'Fast delivery' }) */\n  labels?: Record<string, string>;\n}\n\ntype ChartInteractionValue = { label?: string; value?: number } | null;\n\nconst UNEXPECTED_COMPONENT_TYPE_MESSAGE =\n  'Unexpected AI interaction component type';\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Normalize value to array\n */\nfunction normalizeToArray(value: unknown): string[] {\n  if (Array.isArray(value)) {\n    return value.map(String);\n  }\n  if (value === null || value === undefined) {\n    return [];\n  }\n  return [String(value)];\n}\n\n/**\n * Apply label mappings to values\n */\nfunction applyLabels(\n  values: string[],\n  labels?: Record<string, string>,\n): string[] {\n  if (!labels) return values;\n  return values.map((v) => labels[v] || v);\n}\n\n/**\n * Format timestamp for display\n */\nfunction formatTimestamp(timestamp: number): string {\n  return new Date(timestamp).toISOString();\n}\n\n// =============================================================================\n// Natural Format\n// =============================================================================\n\nfunction formatSelectNatural(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): string {\n  const values = normalizeToArray(event.value);\n\n  if (values.length === 0) {\n    return 'I cleared my selection';\n  }\n\n  const labeledValues = applyLabels(values, options?.labels);\n  return `I selected: ${labeledValues.join(', ')}`;\n}\n\nfunction formatFormNatural(event: AIInteractionEvent): string {\n  const data = event.value as Record<string, unknown> | null;\n\n  if (!data || Object.keys(data).length === 0) {\n    return `I submitted the ${event.componentId} form with no data`;\n  }\n\n  const fields = Object.entries(data)\n    .map(([key, value]) => `\\u2022 ${key}: ${value}`)\n    .join('\\n');\n\n  return `I submitted the ${event.componentId} form:\\n${fields}`;\n}\n\nfunction formatTableNatural(event: AIInteractionEvent): string {\n  const data = event.value as { selectedRows?: string[] } | null;\n  const rows = data?.selectedRows || [];\n\n  if (rows.length === 0) {\n    return `I cleared row selection from ${event.componentId}`;\n  }\n\n  return `I selected rows ${rows.join(', ')} from ${event.componentId}`;\n}\n\nfunction formatChartNatural(event: AIInteractionEvent): string {\n  const data = event.value as ChartInteractionValue;\n\n  if (!data?.label) {\n    return `I clicked on ${event.componentId}`;\n  }\n\n  return `I clicked on ${data.label} (value: ${data.value}) in ${event.componentId}`;\n}\n\nfunction formatComponentNatural(event: AIInteractionEvent): string {\n  if (event.action === 'submit' || event.action === 'start') {\n    return `I answered ${event.componentId}: ${JSON.stringify(event.value)}`;\n  }\n\n  return `I ${event.action} ${event.componentId}: ${JSON.stringify(event.value)}`;\n}\n\nfunction formatNatural(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): string {\n  let result: string;\n\n  switch (event.componentType) {\n    case 'select':\n      result = formatSelectNatural(event, options);\n      break;\n    case 'form':\n      result = formatFormNatural(event);\n      break;\n    case 'table':\n      result = formatTableNatural(event);\n      break;\n    case 'chart':\n      result = formatChartNatural(event);\n      break;\n    case 'component':\n      result = formatComponentNatural(event);\n      break;\n    default:\n      return assertNever(event, UNEXPECTED_COMPONENT_TYPE_MESSAGE);\n  }\n\n  if (options?.includeTimestamp) {\n    result = `[${formatTimestamp(event.timestamp)}] ${result}`;\n  }\n\n  return result;\n}\n\n// =============================================================================\n// Structured Format\n// =============================================================================\n\ninterface StructuredSelectResult {\n  type: 'user_interaction';\n  component: 'select';\n  id: string;\n  action: string;\n  selection: string[];\n  timestamp?: number;\n}\n\ninterface StructuredFormResult {\n  type: 'user_interaction';\n  component: 'form';\n  id: string;\n  action: string;\n  data: Record<string, unknown>;\n  timestamp?: number;\n}\n\ninterface StructuredTableResult {\n  type: 'user_interaction';\n  component: 'table';\n  id: string;\n  action: string;\n  selectedRows: string[];\n  timestamp?: number;\n}\n\ninterface StructuredChartResult {\n  type: 'user_interaction';\n  component: 'chart';\n  id: string;\n  action: string;\n  dataPoint: ChartInteractionValue;\n  timestamp?: number;\n}\n\ninterface StructuredComponentResult {\n  type: 'user_interaction';\n  component: 'component';\n  id: string;\n  action: string;\n  value: unknown;\n  timestamp?: number;\n}\n\ntype StructuredResult =\n  | StructuredSelectResult\n  | StructuredFormResult\n  | StructuredTableResult\n  | StructuredChartResult\n  | StructuredComponentResult;\n\nfunction formatSelectStructured(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): StructuredSelectResult {\n  const result: StructuredSelectResult = {\n    type: 'user_interaction',\n    component: 'select',\n    id: event.componentId,\n    action: event.action,\n    selection: normalizeToArray(event.value),\n  };\n\n  if (options?.includeTimestamp) {\n    result.timestamp = event.timestamp;\n  }\n\n  return result;\n}\n\nfunction formatFormStructured(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): StructuredFormResult {\n  const result: StructuredFormResult = {\n    type: 'user_interaction',\n    component: 'form',\n    id: event.componentId,\n    action: event.action,\n    data: (event.value as Record<string, unknown>) || {},\n  };\n\n  if (options?.includeTimestamp) {\n    result.timestamp = event.timestamp;\n  }\n\n  return result;\n}\n\nfunction formatTableStructured(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): StructuredTableResult {\n  const data = event.value as { selectedRows?: string[] } | null;\n\n  const result: StructuredTableResult = {\n    type: 'user_interaction',\n    component: 'table',\n    id: event.componentId,\n    action: event.action,\n    selectedRows: data?.selectedRows || [],\n  };\n\n  if (options?.includeTimestamp) {\n    result.timestamp = event.timestamp;\n  }\n\n  return result;\n}\n\nfunction formatChartStructured(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): StructuredChartResult {\n  const data = event.value as ChartInteractionValue;\n\n  const result: StructuredChartResult = {\n    type: 'user_interaction',\n    component: 'chart',\n    id: event.componentId,\n    action: event.action,\n    dataPoint: data,\n  };\n\n  if (options?.includeTimestamp) {\n    result.timestamp = event.timestamp;\n  }\n\n  return result;\n}\n\nfunction formatComponentStructured(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): StructuredComponentResult {\n  const result: StructuredComponentResult = {\n    type: 'user_interaction',\n    component: 'component',\n    id: event.componentId,\n    action: event.action,\n    value: event.value,\n  };\n\n  if (options?.includeTimestamp) {\n    result.timestamp = event.timestamp;\n  }\n\n  return result;\n}\n\nfunction formatStructured(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): StructuredResult {\n  switch (event.componentType) {\n    case 'select':\n      return formatSelectStructured(event, options);\n    case 'form':\n      return formatFormStructured(event, options);\n    case 'table':\n      return formatTableStructured(event, options);\n    case 'chart':\n      return formatChartStructured(event, options);\n    case 'component':\n      return formatComponentStructured(event, options);\n    default:\n      return assertNever(event, UNEXPECTED_COMPONENT_TYPE_MESSAGE);\n  }\n}\n\n// =============================================================================\n// Markdown Format\n// =============================================================================\n\nfunction formatSelectMarkdown(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): string {\n  const values = normalizeToArray(event.value);\n\n  if (values.length === 0) {\n    return `**Selection (${event.componentId}):** _cleared_`;\n  }\n\n  const labeledValues = applyLabels(values, options?.labels);\n  const formatted = labeledValues.map((v) => `\\`${v}\\``).join(', ');\n\n  return `**Selection (${event.componentId}):** ${formatted}`;\n}\n\nfunction formatFormMarkdown(event: AIInteractionEvent): string {\n  const data = event.value as Record<string, unknown> | null;\n\n  if (!data || Object.keys(data).length === 0) {\n    return `**Form Submission (${event.componentId}):** _empty_`;\n  }\n\n  const fields = Object.entries(data)\n    .map(([key, value]) => `- **${key}:** ${value}`)\n    .join('\\n');\n\n  return `**Form Submission (${event.componentId}):**\\n${fields}`;\n}\n\nfunction formatTableMarkdown(event: AIInteractionEvent): string {\n  const data = event.value as { selectedRows?: string[] } | null;\n  const rows = data?.selectedRows || [];\n\n  if (rows.length === 0) {\n    return `**Table Selection (${event.componentId}):** _none_`;\n  }\n\n  const formatted = rows.map((r) => `\\`${r}\\``).join(', ');\n  return `**Table Selection (${event.componentId}):** rows ${formatted}`;\n}\n\nfunction formatChartMarkdown(event: AIInteractionEvent): string {\n  const data = event.value as ChartInteractionValue;\n\n  if (!data?.label) {\n    return `**Chart Click (${event.componentId}):** _no data_`;\n  }\n\n  return `**Chart Click (${event.componentId}):** ${data.label} (value: \\`${data.value}\\`)`;\n}\n\nfunction formatComponentMarkdown(event: AIInteractionEvent): string {\n  return `**Component Interaction (${event.componentId}):** ${event.action} \\`${JSON.stringify(event.value)}\\``;\n}\n\nfunction formatMarkdown(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): string {\n  let result: string;\n\n  switch (event.componentType) {\n    case 'select':\n      result = formatSelectMarkdown(event, options);\n      break;\n    case 'form':\n      result = formatFormMarkdown(event);\n      break;\n    case 'table':\n      result = formatTableMarkdown(event);\n      break;\n    case 'chart':\n      result = formatChartMarkdown(event);\n      break;\n    case 'component':\n      result = formatComponentMarkdown(event);\n      break;\n    default:\n      return assertNever(event, UNEXPECTED_COMPONENT_TYPE_MESSAGE);\n  }\n\n  if (options?.includeTimestamp) {\n    result = `${result} _at ${formatTimestamp(event.timestamp)}_`;\n  }\n\n  return result;\n}\n\n// =============================================================================\n// Main Export\n// =============================================================================\n\n/**\n * Format an AI interaction event for sending to an LLM.\n *\n * Supports three format modes:\n * - 'natural': Human-readable text (default)\n * - 'structured': JSON object structure\n * - 'markdown': Markdown formatted text\n *\n * @param event - The interaction event to format\n * @param options - Formatting options\n * @returns Formatted string or object depending on format mode\n *\n * @example\n * ```ts\n * // Natural format (default)\n * formatInteractionForLLM(event)\n * // => \"I selected: Fast delivery, Premium quality\"\n *\n * // Structured format\n * formatInteractionForLLM(event, { format: 'structured' })\n * // => { type: 'user_interaction', component: 'select', ... }\n *\n * // Markdown format\n * formatInteractionForLLM(event, { format: 'markdown' })\n * // => \"**Selection (preferences):** `fast`, `quality`\"\n * ```\n */\nexport function formatInteractionForLLM(\n  event: AIInteractionEvent,\n  options?: FormatOptions,\n): string | object {\n  const format = options?.format || 'natural';\n\n  switch (format) {\n    case 'structured':\n      return formatStructured(event, options);\n    case 'markdown':\n      return formatMarkdown(event, options);\n    case 'natural':\n      return formatNatural(event, options);\n    default:\n      return assertNever(format, 'Unexpected AI interaction format');\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index235.js","names":[],"sources":["../src/components/pages/VerifyEmailPage/VerifyEmailPage.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\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  AuthPrimaryActionButton,\n  defaultVerifyEmailAside,\n} from '../_auth';\n\nexport interface VerifyEmailPageProps\n  extends Omit<\n    AuthPageLayoutProps,\n    'title' | 'description' | 'children' | 'aside' | 'onSubmit'\n  > {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  email?: React.ReactNode;\n  aside?: AuthPageAsideConfig | React.ReactNode;\n  skipAction?: AuthPageAction;\n  resendAction?: AuthPageAction;\n  submitLabel?: React.ReactNode;\n  isSubmitting?: boolean;\n  onSubmit?: React.FormEventHandler<HTMLFormElement>;\n}\n\nfunction VerifyEmailPage({\n  title = 'Verify your email 📧',\n  email = 'johndoe@gmail.com',\n  description,\n  aside = defaultVerifyEmailAside,\n  skipAction,\n  resendAction = { label: 'Resend' },\n  submitLabel = 'Skip For Now',\n  isSubmitting,\n  onSubmit,\n  formClassName,\n  ...layoutProps\n}: VerifyEmailPageProps): React.ReactElement {\n  const resolvedDescription = description ?? (\n    <>\n      Account activation link sent to your email address.{' '}\n      <strong className=\"font-semibold text-foreground\">{email}</strong>, please\n      follow the link inside to continue.\n    </>\n  );\n  const resolvedSkipAction = skipAction ?? { label: submitLabel };\n  const skipActionCanSubmit =\n    !resolvedSkipAction.href && !resolvedSkipAction.render;\n\n  return (\n    <AuthPageLayout\n      title={title}\n      description={resolvedDescription}\n      aside={aside}\n      formClassName={cn('lg:min-h-[268px]', formClassName)}\n      {...layoutProps}\n      data-slot=\"auth-page-layout\"\n      data-page-slot=\"verify-email-page\"\n    >\n      <AuthForm onSubmit={onSubmit}>\n        <AuthPrimaryActionButton\n          action={resolvedSkipAction}\n          loading={skipActionCanSubmit ? isSubmitting : undefined}\n        />\n        <AuthInlineAction prefix=\"Didn't get the mail?\" action={resendAction} />\n      </AuthForm>\n    </AuthPageLayout>\n  );\n}\n\nVerifyEmailPage.displayName = 'VerifyEmailPage';\n\nexport { VerifyEmailPage, VerifyEmailPage as VerifyEmail };\n"],"mappings":";;;;;;AAiCA,SAAS,gBAAgB,EACvB,QAAQ,wBACR,QAAQ,qBACR,aACA,QAAQ,yBACR,YACA,eAAe,EAAE,OAAO,SAAS,GACjC,cAAc,gBACd,cACA,UACA,eACA,GAAG,eACwC;CAC3C,MAAM,sBAAsB,eAC1B,qBAAA,UAAA,EAAA,UAAA;EAAE;EACoD;EACpD,oBAAC,UAAD;GAAQ,WAAU;aAAiC;EAAc,CAAA;EAAC;CAElE,EAAA,CAAA;CAEJ,MAAM,qBAAqB,cAAc,EAAE,OAAO,YAAY;CAC9D,MAAM,sBACJ,CAAC,mBAAmB,QAAQ,CAAC,mBAAmB;CAElD,OACE,oBAAC,gBAAD;EACS;EACP,aAAa;EACN;EACP,eAAe,GAAG,oBAAoB,aAAa;EACnD,GAAI;EACJ,aAAU;EACV,kBAAe;YAEf,qBAAC,UAAD;GAAoB;aAApB,CACE,oBAAC,yBAAD;IACE,QAAQ;IACR,SAAS,sBAAsB,eAAe,KAAA;GAC/C,CAAA,GACD,oBAAC,kBAAD;IAAkB,QAAO;IAAuB,QAAQ;GAAe,CAAA,CAC/D;;CACI,CAAA;AAEpB;AAEA,gBAAgB,cAAc"}