@ttoss/react-auth-core 0.2.10 → 0.2.12

package/dist/esm/index.js

@@ -1,26 +1,29 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
 
 // src/Auth.tsx
 import { useNotifications as useNotifications2 } from "@ttoss/react-notifications";
 import { Flex as Flex5 } from "@ttoss/ui";
-import * as React3 from "react";
+import * as React5 from "react";
 
 // src/AuthCard.tsx
 import { useNotifications } from "@ttoss/react-notifications";
 import { Box, Button, Flex, Heading } from "@ttoss/ui";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LogoContext = React.createContext({});
-var LogoProvider = ({
+import * as React2 from "react";
+var LogoContext = /* @__PURE__ */React2.createContext({});
+var LogoProvider = /* @__PURE__ */__name(({
   children,
   ...values
 }) => {
-  return /* @__PURE__ */jsx(LogoContext.Provider, {
-    value: values,
-    children
-  });
-};
-var AuthCard = ({
+  return /* @__PURE__ */React2.createElement(LogoContext.Provider, {
+    value: values
+  }, children);
+}, "LogoProvider");
+var AuthCard = /* @__PURE__ */__name(({
   children,
   title,
   buttonLabel,
@@ -29,11 +32,11 @@ var AuthCard = ({
 }) => {
   const {
     logo
-  } = React.useContext(LogoContext);
+  } = React2.useContext(LogoContext);
   const {
     isLoading
   } = useNotifications();
-  return /* @__PURE__ */jsxs(Box, {
+  return /* @__PURE__ */React2.createElement(Box, {
     sx: {
       maxWidth: "400px",
       width: "full",
@@ -42,100 +45,90 @@ var AuthCard = ({
       paddingX: "8",
       paddingY: "9",
       backgroundColor: "surface"
+    }
+  }, logo && /* @__PURE__ */React2.createElement(Flex, {
+    sx: {
+      width: "full",
+      maxHeight: "90px",
+      justifyContent: "center",
+      marginBottom: "8"
+    }
+  }, logo), /* @__PURE__ */React2.createElement(Flex, {
+    sx: {
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */React2.createElement(Heading, {
+    as: "h2",
+    variant: "h2",
+    sx: {
+      marginBottom: "8"
+    }
+  }, title), children, /* @__PURE__ */React2.createElement(Flex, {
+    sx: {
+      flexDirection: "column",
+      width: "100%",
+      gap: "7",
+      marginTop: "8"
+    }
+  }, /* @__PURE__ */React2.createElement(Button, {
+    type: "submit",
+    variant: "accent",
+    disabled: isLoading || !isValidForm,
+    sx: {
+      textAlign: "center",
+      display: "initial"
     },
-    children: [logo && /* @__PURE__ */jsx(Flex, {
-      sx: {
-        width: "full",
-        maxHeight: "90px",
-        justifyContent: "center",
-        marginBottom: "8"
-      },
-      children: logo
-    }), /* @__PURE__ */jsxs(Flex, {
-      sx: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */jsx(Heading, {
-        as: "h2",
-        variant: "h2",
-        sx: {
-          marginBottom: "8"
-        },
-        children: title
-      }), children, /* @__PURE__ */jsxs(Flex, {
-        sx: {
-          flexDirection: "column",
-          width: "100%",
-          gap: "7",
-          marginTop: "8"
-        },
-        children: [/* @__PURE__ */jsx(Button, {
-          type: "submit",
-          variant: "accent",
-          disabled: isLoading || !isValidForm,
-          sx: {
-            textAlign: "center",
-            display: "initial"
-          },
-          loading: isLoading,
-          children: buttonLabel
-        }), extraButton]
-      })]
-    })]
-  });
-};
+    loading: isLoading
+  }, buttonLabel), extraButton)));
+}, "AuthCard");
 
 // src/AuthConfirmSignUpCheckEmail.tsx
 import { NotificationCard } from "@ttoss/components/NotificationCard";
 import { useI18n } from "@ttoss/react-i18n";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AuthConfirmSignUpCheckEmail = ({
+var AuthConfirmSignUpCheckEmail = /* @__PURE__ */__name(({
   onConfirmSignUpCheckEmail
 }) => {
   const {
     intl
   } = useI18n();
-  return /* @__PURE__ */jsx2("form", {
-    onSubmit: e => {
+  return /* @__PURE__ */React.createElement("form", {
+    onSubmit: /* @__PURE__ */__name(e => {
       e.preventDefault();
       onConfirmSignUpCheckEmail();
-    },
-    children: /* @__PURE__ */jsx2(AuthCard, {
-      isValidForm: true,
-      buttonLabel: intl.formatMessage({
-        id: "38HSjr",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign In"
-        }]
-      }),
-      title: intl.formatMessage({
-        id: "cGR2eI",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirmation"
-        }]
-      }),
-      children: /* @__PURE__ */jsx2(NotificationCard, {
-        type: "info",
-        message: intl.formatMessage({
-          id: "qTQ4hP",
-          defaultMessage: [{
-            "type": 0,
-            "value": "An email has been sent to your address. Please check your inbox and follow the instructions to confirm your sign up."
-          }]
-        })
-      })
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    isValidForm: true,
+    buttonLabel: intl.formatMessage({
+      id: "38HSjr",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign In"
+      }]
+    }),
+    title: intl.formatMessage({
+      id: "cGR2eI",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirmation"
+      }]
     })
-  });
-};
+  }, /* @__PURE__ */React.createElement(NotificationCard, {
+    type: "info",
+    message: intl.formatMessage({
+      id: "qTQ4hP",
+      defaultMessage: [{
+        "type": 0,
+        "value": "An email has been sent to your address. Please check your inbox and follow the instructions to confirm your sign up."
+      }]
+    })
+  })));
+}, "AuthConfirmSignUpCheckEmail");
 
 // src/AuthConfirmSignUpWithCode.tsx
 import { NotificationCard as NotificationCard2 } from "@ttoss/components/NotificationCard";
 import { Form, FormFieldInput, useForm, yup, yupResolver } from "@ttoss/forms";
 import { useI18n as useI18n2 } from "@ttoss/react-i18n";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var AuthConfirmSignUpWithCode = ({
+var AuthConfirmSignUpWithCode = /* @__PURE__ */__name(({
   email,
   onConfirmSignUpWithCode
 }) => {
@@ -168,65 +161,62 @@ var AuthConfirmSignUpWithCode = ({
   const formMethods = useForm({
     resolver: yupResolver(schema)
   });
-  return /* @__PURE__ */jsx3(Form, {
+  return /* @__PURE__ */React.createElement(Form, {
     ...formMethods,
-    onSubmit: ({
+    onSubmit: /* @__PURE__ */__name(({
       code
     }) => {
       return onConfirmSignUpWithCode({
         code,
         email
       });
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "UNttd+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirm"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    title: intl.formatMessage({
+      id: "cGR2eI",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirmation"
+      }]
+    })
+  }, /* @__PURE__ */React.createElement(NotificationCard2, {
+    type: "info",
+    message: intl.formatMessage({
+      id: "pwv2cR",
+      defaultMessage: [{
+        "type": 0,
+        "value": "We have sent a confirmation code to your email address. Please enter the code below."
+      }]
+    })
+  }), /* @__PURE__ */React.createElement(FormFieldInput, {
+    sx: {
+      marginTop: "6"
     },
-    children: /* @__PURE__ */jsxs2(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "UNttd+",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirm"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      title: intl.formatMessage({
-        id: "cGR2eI",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Confirmation"
-        }]
-      }),
-      children: [/* @__PURE__ */jsx3(NotificationCard2, {
-        type: "info",
-        message: intl.formatMessage({
-          id: "pwv2cR",
-          defaultMessage: [{
-            "type": 0,
-            "value": "We have sent a confirmation code to your email address. Please enter the code below."
-          }]
-        })
-      }), /* @__PURE__ */jsx3(FormFieldInput, {
-        sx: {
-          marginTop: "6"
-        },
-        name: "code",
-        label: intl.formatMessage({
-          id: "KY2T6J",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Code"
-          }]
-        })
-      })]
+    name: "code",
+    label: intl.formatMessage({
+      id: "KY2T6J",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Code"
+      }]
     })
-  });
-};
+  })));
+}, "AuthConfirmSignUpWithCode");
 
 // src/AuthForgotPassword.tsx
 import { Form as Form2, FormFieldInput as FormFieldInput2, useForm as useForm2, yup as yup2, yupResolver as yupResolver2 } from "@ttoss/forms";
 import { useI18n as useI18n3 } from "@ttoss/react-i18n";
 import { NotificationsBox } from "@ttoss/react-notifications";
 import { Button as Button2, Link, Text } from "@ttoss/ui";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var AuthForgotPassword = props => {
+var AuthForgotPassword = /* @__PURE__ */__name(props => {
   const {
     intl
   } = useI18n3();
@@ -243,84 +233,79 @@ var AuthForgotPassword = props => {
     resolver: yupResolver2(schema),
     mode: "onChange"
   });
-  return /* @__PURE__ */jsx4(Form2, {
+  return /* @__PURE__ */React.createElement(Form2, {
     ...formMethods,
     sx: {
       maxWidth: "390px"
     },
-    onSubmit: ({
+    onSubmit: /* @__PURE__ */__name(({
       email
     }) => {
       return props.onForgotPassword({
         email
       });
-    },
-    children: /* @__PURE__ */jsxs3(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "mZzmNV",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Recover Password"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      title: intl.formatMessage({
-        id: "S4bbEj",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Recovering Password"
-        }]
-      }),
-      extraButton: /* @__PURE__ */jsx4(Button2, {
-        sx: {
-          textAlign: "center",
-          display: "initial"
-        },
-        variant: "secondary",
-        onClick: props.onGoToSignIn,
-        children: intl.formatMessage({
-          id: "6PdOcy",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Cancel"
-          }]
-        })
-      }),
-      children: [/* @__PURE__ */jsx4(FormFieldInput2, {
-        name: "email",
-        label: intl.formatMessage({
-          id: "XreZg+",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Registered Email"
-          }]
-        })
-      }), /* @__PURE__ */jsx4(NotificationsBox, {}), props.onGoToSignUp && /* @__PURE__ */jsx4(Text, {
-        sx: {
-          marginTop: "xl",
-          cursor: "pointer"
-        },
-        as: Link,
-        onClick: props.onGoToSignUp,
-        children: intl.formatMessage({
-          id: "lZvoYL",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Sign up now"
-          }]
-        })
-      })]
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "mZzmNV",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Recover Password"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    title: intl.formatMessage({
+      id: "S4bbEj",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Recovering Password"
+      }]
+    }),
+    extraButton: /* @__PURE__ */React.createElement(Button2, {
+      sx: {
+        textAlign: "center",
+        display: "initial"
+      },
+      variant: "secondary",
+      onClick: props.onGoToSignIn
+    }, intl.formatMessage({
+      id: "6PdOcy",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Cancel"
+      }]
+    }))
+  }, /* @__PURE__ */React.createElement(FormFieldInput2, {
+    name: "email",
+    label: intl.formatMessage({
+      id: "XreZg+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Registered Email"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React.createElement(NotificationsBox, null), props.onGoToSignUp && /* @__PURE__ */React.createElement(Text, {
+    sx: {
+      marginTop: "xl",
+      cursor: "pointer"
+    },
+    as: Link,
+    onClick: props.onGoToSignUp
+  }, intl.formatMessage({
+    id: "lZvoYL",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Sign up now"
+    }]
+  }))));
+}, "AuthForgotPassword");
 
 // src/AuthForgotPasswordResetPassword.tsx
 import { Form as Form3, FormFieldInput as FormFieldInput3, FormFieldPassword, useForm as useForm3, yup as yup3, yupResolver as yupResolver3 } from "@ttoss/forms";
 import { useI18n as useI18n4 } from "@ttoss/react-i18n";
 import { NotificationsBox as NotificationsBox2 } from "@ttoss/react-notifications";
 import { Button as Button3 } from "@ttoss/ui";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var AuthForgotPasswordResetPassword = props => {
+var AuthForgotPasswordResetPassword = /* @__PURE__ */__name(props => {
   const {
     intl
   } = useI18n4();
@@ -372,12 +357,12 @@ var AuthForgotPasswordResetPassword = props => {
     resolver: yupResolver3(schema),
     mode: "onChange"
   });
-  return /* @__PURE__ */jsx5(Form3, {
+  return /* @__PURE__ */React.createElement(Form3, {
     ...formMethods,
     sx: {
       maxWidth: "390px"
     },
-    onSubmit: ({
+    onSubmit: /* @__PURE__ */__name(({
       code,
       newPassword
     }) => {
@@ -386,69 +371,65 @@ var AuthForgotPasswordResetPassword = props => {
         code,
         newPassword
       });
-    },
-    children: /* @__PURE__ */jsxs4(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "HT4tSM",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Reset Password"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      title: intl.formatMessage({
-        id: "HT4tSM",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Reset Password"
-        }]
-      }),
-      extraButton: props.onGoToSignIn ? /* @__PURE__ */jsx5(Button3, {
-        type: "button",
-        sx: {
-          textAlign: "center",
-          display: "initial"
-        },
-        variant: "secondary",
-        onClick: props.onGoToSignIn,
-        children: intl.formatMessage({
-          id: "6PdOcy",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Cancel"
-          }]
-        })
-      }) : null,
-      children: [/* @__PURE__ */jsx5(FormFieldInput3, {
-        name: "code",
-        label: intl.formatMessage({
-          id: "s1OmP0",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Confirmation code"
-          }]
-        })
-      }), /* @__PURE__ */jsx5(FormFieldPassword, {
-        name: "newPassword",
-        label: intl.formatMessage({
-          id: "e3IQoc",
-          defaultMessage: [{
-            "type": 0,
-            "value": "New Password"
-          }]
-        })
-      }), /* @__PURE__ */jsx5(NotificationsBox2, {})]
+    }, "onSubmit")
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "HT4tSM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Reset Password"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    title: intl.formatMessage({
+      id: "HT4tSM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Reset Password"
+      }]
+    }),
+    extraButton: props.onGoToSignIn ? /* @__PURE__ */React.createElement(Button3, {
+      type: "button",
+      sx: {
+        textAlign: "center",
+        display: "initial"
+      },
+      variant: "secondary",
+      onClick: props.onGoToSignIn
+    }, intl.formatMessage({
+      id: "6PdOcy",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Cancel"
+      }]
+    })) : null
+  }, /* @__PURE__ */React.createElement(FormFieldInput3, {
+    name: "code",
+    label: intl.formatMessage({
+      id: "s1OmP0",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirmation code"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React.createElement(FormFieldPassword, {
+    name: "newPassword",
+    label: intl.formatMessage({
+      id: "e3IQoc",
+      defaultMessage: [{
+        "type": 0,
+        "value": "New Password"
+      }]
+    })
+  }), /* @__PURE__ */React.createElement(NotificationsBox2, null)));
+}, "AuthForgotPasswordResetPassword");
 
 // src/AuthFullScreen.tsx
 import { Flex as Flex2 } from "@ttoss/ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var AuthFullScreen = ({
+var AuthFullScreen = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */jsx6(Flex2, {
+  return /* @__PURE__ */React.createElement(Flex2, {
     sx: {
       height: "100vh",
       width: "100vw",
@@ -458,18 +439,16 @@ var AuthFullScreen = ({
       backgroundPosition: "center",
       backgroundRepeat: "no-repeat",
       backgroundSize: "cover"
-    },
-    children
-  });
-};
+    }
+  }, children);
+}, "AuthFullScreen");
 
 // src/AuthSignIn.tsx
 import { Form as Form4, FormFieldInput as FormFieldInput4, FormFieldPassword as FormFieldPassword2, useForm as useForm4, yup as yup4, yupResolver as yupResolver4 } from "@ttoss/forms";
 import { useI18n as useI18n5 } from "@ttoss/react-i18n";
 import { NotificationsBox as NotificationsBox3 } from "@ttoss/react-notifications";
 import { Button as Button4, Flex as Flex3, Link as Link2, Text as Text2 } from "@ttoss/ui";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var AuthSignIn = ({
+var AuthSignIn = /* @__PURE__ */__name(({
   onSignIn,
   onGoToSignUp,
   defaultValues,
@@ -520,112 +499,105 @@ var AuthSignIn = ({
     mode: "onChange",
     resolver: yupResolver4(schema)
   });
-  const onSubmitForm = data => {
+  const onSubmitForm = /* @__PURE__ */__name(data => {
     return onSignIn(data);
-  };
-  return /* @__PURE__ */jsx7(Form4, {
+  }, "onSubmitForm");
+  return /* @__PURE__ */React.createElement(Form4, {
     sx: {
       maxWidth: "390px",
       width: "100%"
     },
     ...formMethods,
-    onSubmit: onSubmitForm,
-    children: /* @__PURE__ */jsxs5(AuthCard, {
-      title: intl.formatMessage({
-        id: "SQJto2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign in"
-        }]
-      }),
-      buttonLabel: intl.formatMessage({
-        id: "SQJto2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign in"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      extraButton: onGoToSignUp ? /* @__PURE__ */jsx7(Button4, {
-        type: "button",
-        variant: "secondary",
-        sx: {
-          textAlign: "center",
-          display: "initial"
-        },
-        onClick: onGoToSignUp,
-        children: intl.formatMessage({
-          id: "EZ3YF2",
-          defaultMessage: [{
-            "type": 0,
-            "value": "Sign up"
-          }]
-        })
-      }) : null,
-      children: [/* @__PURE__ */jsxs5(Flex3, {
-        sx: {
-          flexDirection: "column",
-          gap: "xl"
-        },
-        children: [/* @__PURE__ */jsx7(FormFieldInput4, {
-          name: "email",
-          label: intl.formatMessage({
-            id: "5E12mO",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Email"
-            }]
-          })
-        }), /* @__PURE__ */jsx7(FormFieldPassword2, {
-          name: "password",
-          label: intl.formatMessage({
-            id: "PylVqx",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Password"
-            }]
-          })
-        })]
-      }), onGoToForgotPassword && /* @__PURE__ */jsx7(Flex3, {
-        sx: {
-          justifyContent: "space-between",
-          marginTop: "lg"
-        },
-        children: /* @__PURE__ */jsx7(Text2, {
-          sx: {
-            marginLeft: "auto",
-            cursor: "pointer"
-          },
-          as: Link2,
-          onClick: onGoToForgotPassword,
-          children: intl.formatMessage({
-            id: "BtK6KR",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Forgot password?"
-            }]
-          })
-        })
-      }), /* @__PURE__ */jsx7(NotificationsBox3, {})]
+    onSubmit: onSubmitForm
+  }, /* @__PURE__ */React.createElement(AuthCard, {
+    title: intl.formatMessage({
+      id: "SQJto2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign in"
+      }]
+    }),
+    buttonLabel: intl.formatMessage({
+      id: "SQJto2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign in"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    extraButton: onGoToSignUp ? /* @__PURE__ */React.createElement(Button4, {
+      type: "button",
+      variant: "secondary",
+      sx: {
+        textAlign: "center",
+        display: "initial"
+      },
+      onClick: onGoToSignUp
+    }, intl.formatMessage({
+      id: "EZ3YF2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign up"
+      }]
+    })) : null
+  }, /* @__PURE__ */React.createElement(Flex3, {
+    sx: {
+      flexDirection: "column",
+      gap: "xl"
+    }
+  }, /* @__PURE__ */React.createElement(FormFieldInput4, {
+    name: "email",
+    label: intl.formatMessage({
+      id: "5E12mO",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Email"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React.createElement(FormFieldPassword2, {
+    name: "password",
+    label: intl.formatMessage({
+      id: "PylVqx",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Password"
+      }]
+    })
+  })), onGoToForgotPassword && /* @__PURE__ */React.createElement(Flex3, {
+    sx: {
+      justifyContent: "space-between",
+      marginTop: "lg"
+    }
+  }, /* @__PURE__ */React.createElement(Text2, {
+    sx: {
+      marginLeft: "auto",
+      cursor: "pointer"
+    },
+    as: Link2,
+    onClick: onGoToForgotPassword
+  }, intl.formatMessage({
+    id: "BtK6KR",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Forgot password?"
+    }]
+  }))), /* @__PURE__ */React.createElement(NotificationsBox3, null)));
+}, "AuthSignIn");
 
 // src/AuthSignUp.tsx
 import { Form as Form5, FormFieldCheckbox, FormFieldInput as FormFieldInput5, FormFieldPassword as FormFieldPassword3, useForm as useForm5, yup as yup5, yupResolver as yupResolver5 } from "@ttoss/forms";
 import { useI18n as useI18n6 } from "@ttoss/react-i18n";
 import { NotificationsBox as NotificationsBox4 } from "@ttoss/react-notifications";
 import { Flex as Flex4, Link as Link3, Text as Text3 } from "@ttoss/ui";
-import * as React2 from "react";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var AuthSignUp = props => {
+import * as React3 from "react";
+var AuthSignUp = /* @__PURE__ */__name(props => {
   const {
     intl
   } = useI18n6();
   const {
     passwordMinimumLength = 8
   } = props;
-  const schema = React2.useMemo(() => {
+  const schema = React3.useMemo(() => {
     return yup5.object().shape({
       email: yup5.string().required(intl.formatMessage({
         id: "d1YCuH",
@@ -683,7 +655,7 @@ var AuthSignUp = props => {
       })) : yup5.boolean()
     });
   }, [intl, props.signUpTerms?.isRequired, passwordMinimumLength]);
-  const signUpTermsLabel = React2.useMemo(() => {
+  const signUpTermsLabel = React3.useMemo(() => {
     if (!props.signUpTerms) {
       return null;
     }
@@ -696,163 +668,152 @@ var AuthSignUp = props => {
     });
     const termsLinks = props.signUpTerms.terms.map((term, index, terms) => {
       const finalPunctuation = index === terms.length - 1 ? "." : ", ";
-      return /* @__PURE__ */jsxs6(React2.Fragment, {
-        children: [/* @__PURE__ */jsx8(Link3, {
-          href: term.url,
-          target: "_blank",
-          rel: "noreferrer",
-          children: term.label
-        }, index), finalPunctuation]
-      }, index);
-    });
-    const label = /* @__PURE__ */jsxs6(Text3, {
-      children: [signUpTermsFirstMessage, " ", termsLinks]
+      return /* @__PURE__ */React3.createElement(React3.Fragment, {
+        key: index
+      }, /* @__PURE__ */React3.createElement(Link3, {
+        key: index,
+        href: term.url,
+        target: "_blank",
+        rel: "noreferrer"
+      }, term.label), finalPunctuation);
     });
+    const label = /* @__PURE__ */React3.createElement(Text3, null, signUpTermsFirstMessage, " ", termsLinks);
     return label;
   }, [intl, props.signUpTerms]);
-  const signUpTermsNode = React2.useMemo(() => {
+  const signUpTermsNode = React3.useMemo(() => {
     if (!props.signUpTerms) {
       return null;
     }
     if (props.signUpTerms.isRequired) {
-      return /* @__PURE__ */jsx8(FormFieldCheckbox, {
+      return /* @__PURE__ */React3.createElement(FormFieldCheckbox, {
         name: "signUpTerms",
         label: signUpTermsLabel
       });
     } else {
-      return /* @__PURE__ */jsx8(Fragment2, {
-        children: signUpTermsLabel
-      });
+      return /* @__PURE__ */React3.createElement(React3.Fragment, null, signUpTermsLabel);
     }
   }, [props.signUpTerms, signUpTermsLabel]);
   const formMethods = useForm5({
     mode: "onChange",
     resolver: yupResolver5(schema)
   });
-  const onSubmitForm = data => {
+  const onSubmitForm = /* @__PURE__ */__name(data => {
     return props.onSignUp(data);
-  };
-  return /* @__PURE__ */jsx8(Form5, {
+  }, "onSubmitForm");
+  return /* @__PURE__ */React3.createElement(Form5, {
     sx: {
       maxWidth: "390px",
       width: "100%"
     },
     ...formMethods,
-    onSubmit: onSubmitForm,
-    children: /* @__PURE__ */jsxs6(AuthCard, {
-      buttonLabel: intl.formatMessage({
-        id: "URJDrG",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign up"
-        }]
-      }),
-      title: intl.formatMessage({
-        id: "oayEC3",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Sign up"
-        }]
-      }),
-      isValidForm: formMethods.formState.isValid,
-      extraButton: /* @__PURE__ */jsx8(Text3, {
-        sx: {
-          cursor: "pointer"
-        },
-        onClick: props.onGoToSignIn,
-        as: Link3,
-        children: intl.formatMessage({
-          id: "8GMUPk",
-          defaultMessage: [{
-            "type": 0,
-            "value": "I'm already registered"
-          }]
-        })
-      }),
-      children: [/* @__PURE__ */jsxs6(Flex4, {
-        sx: {
-          flexDirection: "column",
-          gap: "xl"
-        },
-        children: [/* @__PURE__ */jsx8(FormFieldInput5, {
-          name: "email",
-          label: intl.formatMessage({
-            id: "5E12mO",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Email"
-            }]
-          })
-        }), /* @__PURE__ */jsx8(FormFieldPassword3, {
-          name: "password",
-          label: intl.formatMessage({
-            id: "PylVqx",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Password"
-            }]
-          })
-        }), /* @__PURE__ */jsx8(FormFieldPassword3, {
-          name: "confirmPassword",
-          label: intl.formatMessage({
-            id: "lY+cuM",
-            defaultMessage: [{
-              "type": 0,
-              "value": "Confirm password"
-            }]
-          })
-        }), signUpTermsNode]
-      }), /* @__PURE__ */jsx8(NotificationsBox4, {})]
+    onSubmit: onSubmitForm
+  }, /* @__PURE__ */React3.createElement(AuthCard, {
+    buttonLabel: intl.formatMessage({
+      id: "URJDrG",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign up"
+      }]
+    }),
+    title: intl.formatMessage({
+      id: "oayEC3",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Sign up"
+      }]
+    }),
+    isValidForm: formMethods.formState.isValid,
+    extraButton: /* @__PURE__ */React3.createElement(Text3, {
+      sx: {
+        cursor: "pointer"
+      },
+      onClick: props.onGoToSignIn,
+      as: Link3
+    }, intl.formatMessage({
+      id: "8GMUPk",
+      defaultMessage: [{
+        "type": 0,
+        "value": "I'm already registered"
+      }]
+    }))
+  }, /* @__PURE__ */React3.createElement(Flex4, {
+    sx: {
+      flexDirection: "column",
+      gap: "xl"
+    }
+  }, /* @__PURE__ */React3.createElement(FormFieldInput5, {
+    name: "email",
+    label: intl.formatMessage({
+      id: "5E12mO",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Email"
+      }]
     })
-  });
-};
+  }), /* @__PURE__ */React3.createElement(FormFieldPassword3, {
+    name: "password",
+    label: intl.formatMessage({
+      id: "PylVqx",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Password"
+      }]
+    })
+  }), /* @__PURE__ */React3.createElement(FormFieldPassword3, {
+    name: "confirmPassword",
+    label: intl.formatMessage({
+      id: "lY+cuM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Confirm password"
+      }]
+    })
+  }), signUpTermsNode), /* @__PURE__ */React3.createElement(NotificationsBox4, null)));
+}, "AuthSignUp");
 
 // src/ErrorBoundary.tsx
 import { NotificationCard as NotificationCard3 } from "@ttoss/components/NotificationCard";
 import { notify } from "@ttoss/logger";
 import { useI18n as useI18n7 } from "@ttoss/react-i18n";
+import * as React4 from "react";
 import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var ErrorFallback = ({
+var ErrorFallback = /* @__PURE__ */__name(({
   resetErrorBoundary
 }) => {
   const {
     intl
   } = useI18n7();
-  return /* @__PURE__ */jsx9("div", {
-    role: "alert",
-    children: /* @__PURE__ */jsx9(NotificationCard3, {
-      type: "error",
-      message: intl.formatMessage({
-        id: "khMx/2",
-        defaultMessage: [{
-          "type": 0,
-          "value": "An error occurred with your authentication. Please try again."
-        }]
-      }),
-      onClose: resetErrorBoundary
-    })
-  });
-};
-var ErrorBoundary = ({
+  return /* @__PURE__ */React4.createElement("div", {
+    role: "alert"
+  }, /* @__PURE__ */React4.createElement(NotificationCard3, {
+    type: "error",
+    message: intl.formatMessage({
+      id: "khMx/2",
+      defaultMessage: [{
+        "type": 0,
+        "value": "An error occurred with your authentication. Please try again."
+      }]
+    }),
+    onClose: resetErrorBoundary
+  }));
+}, "ErrorFallback");
+var ErrorBoundary = /* @__PURE__ */__name(({
   children
 }) => {
-  return /* @__PURE__ */jsx9(ReactErrorBoundary, {
+  return /* @__PURE__ */React4.createElement(ReactErrorBoundary, {
     FallbackComponent: ErrorFallback,
-    onError: error => {
+    onError: /* @__PURE__ */__name(error => {
       notify({
         type: "error",
         title: "Authentication Error",
         message: error.message
       });
-    },
-    children
-  });
-};
+    }, "onError")
+  }, children);
+}, "ErrorBoundary");
 
 // src/Auth.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var AuthLogic = props => {
+var AuthLogic = /* @__PURE__ */__name(props => {
   const {
     screen,
     setScreen,
@@ -869,18 +830,18 @@ var AuthLogic = props => {
     clearNotifications,
     setLoading
   } = useNotifications2();
-  React3.useEffect(() => {
+  React5.useEffect(() => {
     clearNotifications();
   }, [screen.value, clearNotifications]);
-  React3.useEffect(() => {
+  React5.useEffect(() => {
     return clearNotifications;
   }, [clearNotifications]);
-  const onGoToSignIn = () => {
+  const onGoToSignIn = /* @__PURE__ */__name(() => {
     setScreen({
       value: "signIn"
     });
-  };
-  const onGoToSignUp = React3.useCallback(() => {
+  }, "onGoToSignIn");
+  const onGoToSignUp = React5.useCallback(() => {
     if (!onSignUp) {
       return void 0;
     }
@@ -888,7 +849,7 @@ var AuthLogic = props => {
       value: "signUp"
     });
   }, [onSignUp, setScreen]);
-  const onGoToForgotPassword = React3.useCallback(() => {
+  const onGoToForgotPassword = React5.useCallback(() => {
     if (!onForgotPassword) {
       return void 0;
     }
@@ -896,7 +857,7 @@ var AuthLogic = props => {
       value: "forgotPassword"
     });
   }, [onForgotPassword, setScreen]);
-  const notificationsWrapper = fn => {
+  const notificationsWrapper = /* @__PURE__ */__name(fn => {
     return async input => {
       if (fn) {
         clearNotifications();
@@ -906,9 +867,9 @@ var AuthLogic = props => {
         return result;
       }
     };
-  };
+  }, "notificationsWrapper");
   if (screen.value === "signIn") {
-    return /* @__PURE__ */jsx10(AuthSignIn, {
+    return /* @__PURE__ */React5.createElement(AuthSignIn, {
       onSignIn: notificationsWrapper(onSignIn),
       onGoToSignUp: onSignUp && onGoToSignUp,
       onGoToForgotPassword: onForgotPassword && onGoToForgotPassword,
@@ -916,7 +877,7 @@ var AuthLogic = props => {
     });
   }
   if (screen.value === "signUp" && onSignUp) {
-    return /* @__PURE__ */jsx10(AuthSignUp, {
+    return /* @__PURE__ */React5.createElement(AuthSignUp, {
       onSignUp: notificationsWrapper(onSignUp),
       passwordMinimumLength,
       onGoToSignIn,
@@ -924,97 +885,84 @@ var AuthLogic = props => {
     });
   }
   if (screen.value === "forgotPassword" && onForgotPassword) {
-    return /* @__PURE__ */jsx10(AuthForgotPassword, {
+    return /* @__PURE__ */React5.createElement(AuthForgotPassword, {
       onForgotPassword: notificationsWrapper(onForgotPassword),
       onGoToSignIn,
       onGoToSignUp: onSignUp && onGoToSignUp
     });
   }
   if (screen.value === "confirmResetPassword" && onForgotPasswordResetPassword) {
-    return /* @__PURE__ */jsx10(AuthForgotPasswordResetPassword, {
+    return /* @__PURE__ */React5.createElement(AuthForgotPasswordResetPassword, {
       onForgotPasswordResetPassword: notificationsWrapper(onForgotPasswordResetPassword),
       onGoToSignIn,
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpWithCode" && onConfirmSignUpWithCode) {
-    return /* @__PURE__ */jsx10(AuthConfirmSignUpWithCode, {
+    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpWithCode, {
       onConfirmSignUpWithCode: notificationsWrapper(onConfirmSignUpWithCode),
       email: screen.context.email
     });
   }
   if (screen.value === "confirmSignUpCheckEmail" && onConfirmSignUpCheckEmail) {
-    return /* @__PURE__ */jsx10(AuthConfirmSignUpCheckEmail, {
+    return /* @__PURE__ */React5.createElement(AuthConfirmSignUpCheckEmail, {
       onConfirmSignUpCheckEmail
     });
   }
   return null;
-};
-var Auth = props => {
+}, "AuthLogic");
+var Auth = /* @__PURE__ */__name(props => {
   const {
     layout = {
       fullScreen: true
     }
   } = props;
-  const withLogoNode = React3.useMemo(() => {
-    return /* @__PURE__ */jsx10(LogoProvider, {
-      logo: props.logo,
-      children: /* @__PURE__ */jsx10(ErrorBoundary, {
-        children: /* @__PURE__ */jsx10(AuthLogic, {
-          ...props
-        })
-      })
-    });
+  const withLogoNode = React5.useMemo(() => {
+    return /* @__PURE__ */React5.createElement(LogoProvider, {
+      logo: props.logo
+    }, /* @__PURE__ */React5.createElement(ErrorBoundary, null, /* @__PURE__ */React5.createElement(AuthLogic, props)));
   }, [props]);
   if (layout.fullScreen) {
     if (layout.sideContentPosition) {
-      return /* @__PURE__ */jsx10(AuthFullScreen, {
-        children: /* @__PURE__ */jsxs7(Flex5, {
-          sx: {
-            width: "100%",
-            height: "100%",
-            flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
-          },
-          children: [/* @__PURE__ */jsx10(Flex5, {
-            sx: {
-              width: "100%",
-              height: "100%",
-              flex: [0, 0, 1],
-              justifyContent: "center",
-              alignItems: "center"
-            },
-            children: layout.sideContent
-          }), /* @__PURE__ */jsx10(Flex5, {
-            sx: {
-              width: "100%",
-              height: "100%",
-              flex: [1],
-              justifyContent: "center",
-              alignItems: "center"
-            },
-            children: withLogoNode
-          })]
-        })
-      });
+      return /* @__PURE__ */React5.createElement(AuthFullScreen, null, /* @__PURE__ */React5.createElement(Flex5, {
+        sx: {
+          width: "100%",
+          height: "100%",
+          flexDirection: layout.sideContentPosition === "left" ? "row" : "row-reverse"
+        }
+      }, /* @__PURE__ */React5.createElement(Flex5, {
+        sx: {
+          width: "100%",
+          height: "100%",
+          flex: [0, 0, 1],
+          justifyContent: "center",
+          alignItems: "center"
+        }
+      }, layout.sideContent), /* @__PURE__ */React5.createElement(Flex5, {
+        sx: {
+          width: "100%",
+          height: "100%",
+          flex: [1],
+          justifyContent: "center",
+          alignItems: "center"
+        }
+      }, withLogoNode)));
     }
-    return /* @__PURE__ */jsx10(AuthFullScreen, {
-      children: withLogoNode
-    });
+    return /* @__PURE__ */React5.createElement(AuthFullScreen, null, withLogoNode);
   }
   return withLogoNode;
-};
+}, "Auth");
 
 // src/AuthProvider.tsx
 import { useNotifications as useNotifications3 } from "@ttoss/react-notifications";
-import * as React4 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var AuthContext = React4.createContext(null);
+import * as React6 from "react";
+var AuthContext = /* @__PURE__ */React6.createContext(null);
 var UNAUTHENTICATED_USER = {
   user: null,
   tokens: null,
   isAuthenticated: false
 };
-var AuthProvider = props => {
+var AuthProvider = /* @__PURE__ */__name(props => {
   const {
     getAuthData,
     signOut: signOutProp
@@ -1022,16 +970,16 @@ var AuthProvider = props => {
   const {
     setLoading
   } = useNotifications3();
-  const [authData, setAuthData] = React4.useState({
+  const [authData, setAuthData] = React6.useState({
     user: null,
     tokens: null,
     isAuthenticated: void 0
   });
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     setLoading(authData.isAuthenticated === void 0);
   }, [authData.isAuthenticated, setLoading]);
-  React4.useEffect(() => {
-    const fetchAuthData = async () => {
+  React6.useEffect(() => {
+    const fetchAuthData = /* @__PURE__ */__name(async () => {
       try {
         const data = await getAuthData?.();
         if (data) {
@@ -1042,44 +990,43 @@ var AuthProvider = props => {
       } catch {
         setAuthData(UNAUTHENTICATED_USER);
       }
-    };
+    }, "fetchAuthData");
     fetchAuthData();
   }, [getAuthData]);
-  const signOut = React4.useCallback(async () => {
+  const signOut = React6.useCallback(async () => {
     await signOutProp?.();
     setAuthData(UNAUTHENTICATED_USER);
   }, [signOutProp]);
   if (authData.isAuthenticated === void 0) {
     return null;
   }
-  return /* @__PURE__ */jsx11(AuthContext.Provider, {
+  return /* @__PURE__ */React6.createElement(AuthContext.Provider, {
     value: {
       signOut,
       isAuthenticated: authData.isAuthenticated ?? false,
       user: authData.user,
       tokens: authData.tokens,
       setAuthData
-    },
-    children: props.children
-  });
-};
-var useAuth = () => {
-  const context = React4.useContext(AuthContext);
+    }
+  }, props.children);
+}, "AuthProvider");
+var useAuth = /* @__PURE__ */__name(() => {
+  const context = React6.useContext(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within an AuthProvider");
   }
   return context;
-};
+}, "useAuth");
 
 // src/useAuthScreen.ts
-import * as React5 from "react";
-var useAuthScreen = initialScreen => {
-  const [screen, setScreen] = React5.useState(initialScreen || {
+import * as React7 from "react";
+var useAuthScreen = /* @__PURE__ */__name(initialScreen => {
+  const [screen, setScreen] = React7.useState(initialScreen || {
     value: "signIn"
   });
   return {
     screen,
     setScreen
   };
-};
+}, "useAuthScreen");
 export { Auth, AuthConfirmSignUpCheckEmail, AuthConfirmSignUpWithCode, AuthForgotPassword, AuthForgotPasswordResetPassword, AuthFullScreen, AuthProvider, AuthSignIn, AuthSignUp, ErrorBoundary, useAuth, useAuthScreen };