@autenticar-me/vue 0.1.0 → 0.3.0

package/dist/index.cjs

@@ -0,0 +1,2278 @@
+
+(function() {
+  if (typeof document !== 'undefined') {
+    const style = document.createElement('style');
+    style.textContent = "\n.atm-overlay[data-v-c347df44] {\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: rgba(0, 0, 0, 0.5);\n    backdrop-filter: blur(4px);\n    overflow-y: auto;\n    padding: 1.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n    padding: 0 1.5rem;\n    width: 100%;\n    margin: auto;\n}\n.atm-fade-layer[data-v-c347df44] {\n    position: fixed;\n    inset: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n}\n.atm-fade-bg[data-v-c347df44] {\n    position: absolute;\n    inset: 0;\n    opacity: 0.75;\n}\n.atm-modal[data-v-c347df44] {\n    position: relative;\n    display: inline-block;\n    vertical-align: bottom;\n    background-color: #ffffff;\n    border-radius: 0.5rem;\n    text-align: left;\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n    transform: translate(0);\n    transition: all 0.2s ease-in-out;\n    max-width: 32rem;\n    width: 100%;\n    max-height: calc(100vh - 3rem);\n    display: flex;\n    flex-direction: column;\n}\n.atm-close-button[data-v-c347df44] {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    color: #9ca3af;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0.25rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n}\n.atm-close-button[data-v-c347df44]:hover {\n    color: #4b5563;\n}\n.atm-icon[data-v-c347df44] {\n    width: 1.5rem;\n    height: 1.5rem;\n}\n.atm-modal-content[data-v-c347df44] {\n    padding: 1.25rem;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n.atm-modal-title[data-v-c347df44] {\n    font-size: 1.125rem;\n    font-weight: 500;\n    color: #111827;\n    margin: 0;\n    margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-c347df44] {\n        padding: 1rem 0;\n}\n.atm-container[data-v-c347df44] {\n        padding: 0 1rem;\n}\n.atm-modal[data-v-c347df44] {\n        border-radius: 0.375rem;\n        max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-c347df44] {\n        padding: 1rem;\n}\n.atm-modal-title[data-v-c347df44] {\n        font-size: 1rem;\n        margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-c347df44] {\n        top: 0.75rem;\n        right: 0.75rem;\n}\n.atm-icon[data-v-c347df44] {\n        width: 1.25rem;\n        height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-c347df44] {\n        padding: 0.5rem 0;\n}\n.atm-container[data-v-c347df44] {\n        padding: 0 0.5rem;\n}\n.atm-modal[data-v-c347df44] {\n        border-radius: 0.25rem;\n        max-width: 100%;\n        max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-c347df44] {\n        padding: 0.875rem;\n}\n.atm-modal-title[data-v-c347df44] {\n        font-size: 0.9375rem;\n        margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-c347df44] {\n        top: 0.5rem;\n        right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-c347df44] {\n        padding: 0.25rem 0;\n}\n.atm-container[data-v-c347df44] {\n        padding: 0 0.25rem;\n}\n.atm-modal[data-v-c347df44] {\n        max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-c347df44] {\n        padding: 0.75rem;\n}\n.atm-modal-title[data-v-c347df44] {\n        font-size: 0.875rem;\n        margin-bottom: 0.5rem;\n}\n}\n\n.atm-login-container[data-v-69af412a] {\n    background: #ffffff;\n    border-radius: 8px;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n    text-align: center;\n}\n.atm-logo-container[data-v-69af412a] {\n    margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-69af412a] {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f0f0f0;\n    border-radius: 50%;\n    color: #888;\n    font-size: 11px;\n}\n.atm-logo-image[data-v-69af412a] {\n    max-width: 44px;\n    max-height: 44px;\n    margin: 0 auto;\n    display: block;\n    border-radius: 4px;\n    object-fit: contain;\n}\n.atm-project-name[data-v-69af412a] {\n    margin: 0 0 4px 0;\n    font-size: 18px;\n    color: var(--e2d4c99e);\n    font-weight: 600;\n}\n.atm-welcome-text[data-v-69af412a] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    color: #666;\n}\n.atm-form-group[data-v-69af412a] {\n    margin-bottom: 12px;\n    text-align: left;\n}\n.atm-input-label[data-v-69af412a] {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 13px;\n    color: #555;\n    font-weight: 500;\n}\n.atm-input-field[data-v-69af412a] {\n    width: 100%;\n    padding: 8px 10px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n    transition: border-color 0.2s;\n}\n.atm-input-field[data-v-69af412a]:focus {\n    outline: none;\n    border-color: var(--e2d4c99e);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-69af412a]:disabled {\n    background-color: #f5f5f5;\n    cursor: not-allowed;\n}\n.atm-field-error[data-v-69af412a] {\n    color: #dc3545;\n    font-size: 12px;\n    margin-top: 4px;\n    text-align: left;\n}\n.atm-alternative-options[data-v-69af412a] {\n    margin-top: 8px;\n    text-align: center;\n}\n.atm-forgot-password-link[data-v-69af412a] {\n    font-size: 12px;\n    background: none;\n    border: none;\n    color: var(--v182122ff);\n    cursor: pointer;\n    text-decoration: none;\n    padding: 0;\n    font-family: inherit;\n}\n.atm-forgot-password-link[data-v-69af412a]:hover:not(:disabled) {\n    text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-69af412a]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-69af412a] {\n    text-align: center;\n    margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-69af412a] {\n    font-size: 14px;\n    color: #666;\n    margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-69af412a] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.atm-strategy-button[data-v-69af412a] {\n    width: 100%;\n    padding: 10px;\n    background: #f8f9fa;\n    color: #333;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n.atm-strategy-button[data-v-69af412a]:hover:not(:disabled) {\n    background: #e9ecef;\n    border-color: var(--e2d4c99e);\n}\n.atm-strategy-button[data-v-69af412a]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n.atm-email-link-text[data-v-69af412a] {\n    font-size: 14px;\n    color: #666;\n    margin: 0;\n    text-align: center;\n}\n.atm-login-button[data-v-69af412a] {\n    width: 100%;\n    padding: 10px;\n    margin-top: 4px;\n    background: var(--e2d4c99e);\n    color: #fff;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    min-height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.atm-login-button[data-v-69af412a]:hover:not(:disabled) {\n    opacity: 0.9;\n    transform: translateY(-1px);\n}\n.atm-login-button[data-v-69af412a]:disabled {\n    opacity: 0.8;\n    cursor: not-allowed;\n    transform: none;\n}\n.button-spinner[data-v-69af412a] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #fff;\n    font-weight: 500;\n}\n.spinner-svg[data-v-69af412a] {\n    animation: spin-69af412a 1s linear infinite;\n    width: 18px;\n    height: 18px;\n    stroke: #fff;\n}\n.spinner-circle[data-v-69af412a] {\n    stroke-dasharray: 90, 150;\n    stroke-linecap: round;\n}\n@keyframes spin-69af412a {\n0% {\n        transform: rotate(0deg);\n}\n100% {\n        transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-69af412a] {\n    margin-top: 16px;\n    font-size: 13px;\n}\n.atm-signup-text[data-v-69af412a] {\n    color: #666;\n    margin-bottom: 6px;\n}\n.atm-signup-link[data-v-69af412a] {\n    color: var(--v182122ff);\n    text-decoration: none;\n    cursor: pointer;\n}\n.atm-signup-link[data-v-69af412a]:hover {\n    text-decoration: underline;\n}\n.atm-powered-by[data-v-69af412a] {\n    color: #999;\n    font-size: 11px;\n    margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-69af412a] {\n        font-size: 17px;\n}\n.atm-welcome-text[data-v-69af412a] {\n        font-size: 13px;\n        margin-bottom: 14px;\n}\n.atm-form-group[data-v-69af412a] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-69af412a] {\n        font-size: 12px;\n        margin-bottom: 4px;\n}\n.atm-input-field[data-v-69af412a] {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-login-button[data-v-69af412a] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 40px;\n}\n.atm-strategy-button[data-v-69af412a] {\n        padding: 9px;\n        font-size: 13px;\n}\n.atm-footer-links[data-v-69af412a] {\n        margin-top: 14px;\n        font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-69af412a] {\n        width: 40px;\n        height: 40px;\n        font-size: 10px;\n}\n.atm-logo-image[data-v-69af412a] {\n        max-width: 40px;\n        max-height: 40px;\n}\n.atm-project-name[data-v-69af412a] {\n        font-size: 16px;\n        margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-69af412a] {\n        font-size: 12px;\n        margin-bottom: 12px;\n}\n.atm-form-group[data-v-69af412a] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-69af412a] {\n        font-size: 12px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-69af412a] {\n        padding: 7px 9px;\n        font-size: 13px;\n}\n.atm-login-button[data-v-69af412a] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 38px;\n}\n.atm-forgot-password-link[data-v-69af412a] {\n        font-size: 11px;\n}\n.atm-strategy-title[data-v-69af412a] {\n        font-size: 13px;\n        margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-69af412a] {\n        padding: 9px;\n        font-size: 13px;\n}\n.atm-email-link-text[data-v-69af412a] {\n        font-size: 13px;\n}\n.atm-footer-links[data-v-69af412a] {\n        margin-top: 12px;\n        font-size: 12px;\n}\n.atm-powered-by[data-v-69af412a] {\n        font-size: 10px;\n}\n.spinner-svg[data-v-69af412a] {\n        width: 16px;\n        height: 16px;\n}\n.button-spinner[data-v-69af412a] {\n        gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-69af412a] {\n        width: 36px;\n        height: 36px;\n        font-size: 9px;\n}\n.atm-logo-image[data-v-69af412a] {\n        max-width: 36px;\n        max-height: 36px;\n}\n.atm-project-name[data-v-69af412a] {\n        font-size: 15px;\n        margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-69af412a] {\n        font-size: 11px;\n        margin-bottom: 10px;\n}\n.atm-form-group[data-v-69af412a] {\n        margin-bottom: 8px;\n}\n.atm-input-label[data-v-69af412a] {\n        font-size: 11px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-69af412a] {\n        padding: 6px 8px;\n        font-size: 12px;\n}\n.atm-login-button[data-v-69af412a] {\n        font-size: 12px;\n        padding: 8px;\n        min-height: 36px;\n}\n.atm-strategy-button[data-v-69af412a] {\n        padding: 8px;\n        font-size: 12px;\n}\n.atm-footer-links[data-v-69af412a] {\n        margin-top: 10px;\n        font-size: 11px;\n}\n.spinner-svg[data-v-69af412a] {\n        width: 14px;\n        height: 14px;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n    font-family: Arial, Helvetica, sans-serif;\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    z-index: 99999;\n    pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n    padding: 12px 16px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    min-width: 250px;\n    max-width: 350px;\n    pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n    background: #ff3333;\n    color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n    background: #00a622;\n    color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n    background: #ffa500;\n    color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n    transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n    transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n    transform: translateX(100%);\n    opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n    transform: translateX(100%);\n    opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n        top: 16px;\n        right: 16px;\n        left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n        min-width: auto;\n        max-width: 100%;\n        padding: 11px 14px;\n        font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n        top: 12px;\n        right: 12px;\n        left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n        padding: 10px 12px;\n        font-size: 12px;\n        border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n        top: 10px;\n        right: 10px;\n        left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n        padding: 9px 11px;\n        font-size: 11px;\n        border-radius: 4px;\n}\n}\n\n.atm-signup-container[data-v-de716df2] {\n    width: 100%;\n    border-radius: 8px;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n    text-align: center;\n}\n.atm-logo-container[data-v-de716df2] {\n    margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-de716df2] {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f0f0f0;\n    border-radius: 50%;\n    color: #888;\n    font-size: 11px;\n}\n.atm-logo-image[data-v-de716df2] {\n    max-width: 44px;\n    max-height: 44px;\n    margin: 0 auto;\n    display: block;\n    border-radius: 4px;\n    object-fit: contain;\n}\n.atm-project-name[data-v-de716df2] {\n    margin: 0 0 4px 0;\n    font-size: 18px;\n    color: var(--v8c008960);\n    font-weight: 600;\n}\n.atm-welcome-text[data-v-de716df2] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    color: #666;\n}\n.atm-form-group[data-v-de716df2] {\n    margin-bottom: 12px;\n    text-align: left;\n}\n.atm-input-label[data-v-de716df2] {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 13px;\n    color: #555;\n    font-weight: 500;\n}\n.atm-input-field[data-v-de716df2] {\n    width: 100%;\n    padding: 8px 10px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n    transition: border-color 0.2s;\n}\n.atm-input-field[data-v-de716df2]:focus {\n    outline: none;\n    border-color: var(--v8c008960);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-de716df2]:disabled {\n    background-color: #f5f5f5;\n    cursor: not-allowed;\n}\n.atm-field-error[data-v-de716df2] {\n    color: #dc3545;\n    font-size: 12px;\n    margin-top: 4px;\n    text-align: left;\n}\n.atm-signup-button[data-v-de716df2] {\n    width: 100%;\n    padding: 10px;\n    margin-top: 4px;\n    background: var(--v8c008960);\n    color: #fff;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    min-height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.atm-signup-button[data-v-de716df2]:hover:not(:disabled) {\n    opacity: 0.9;\n    transform: translateY(-1px);\n}\n.atm-signup-button[data-v-de716df2]:disabled {\n    opacity: 0.8;\n    cursor: not-allowed;\n    transform: none;\n}\n.button-spinner[data-v-de716df2] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #fff;\n    font-weight: 500;\n}\n.spinner-svg[data-v-de716df2] {\n    animation: spin-de716df2 1s linear infinite;\n    width: 18px;\n    height: 18px;\n    stroke: #fff;\n}\n.spinner-circle[data-v-de716df2] {\n    stroke-dasharray: 90, 150;\n    stroke-linecap: round;\n}\n@keyframes spin-de716df2 {\n0% {\n        transform: rotate(0deg);\n}\n100% {\n        transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-de716df2] {\n    margin-top: 16px;\n    font-size: 13px;\n}\n.atm-login-text[data-v-de716df2] {\n    color: #666;\n    margin-bottom: 6px;\n}\n.atm-login-link[data-v-de716df2] {\n    color: var(--v1183b75e);\n    text-decoration: none;\n    cursor: pointer;\n    transition: opacity 0.2s;\n}\n.atm-login-link[data-v-de716df2]:hover:not(.disabled-link) {\n    text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-de716df2] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n.atm-powered-by[data-v-de716df2] {\n    color: #999;\n    font-size: 11px;\n    margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-de716df2] {\n        font-size: 17px;\n}\n.atm-welcome-text[data-v-de716df2] {\n        font-size: 13px;\n        margin-bottom: 14px;\n}\n.atm-form-group[data-v-de716df2] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-de716df2] {\n        font-size: 12px;\n        margin-bottom: 4px;\n}\n.atm-input-field[data-v-de716df2] {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-signup-button[data-v-de716df2] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 40px;\n}\n.atm-footer-links[data-v-de716df2] {\n        margin-top: 14px;\n        font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-de716df2] {\n        width: 40px;\n        height: 40px;\n        font-size: 10px;\n}\n.atm-logo-image[data-v-de716df2] {\n        max-width: 40px;\n        max-height: 40px;\n}\n.atm-project-name[data-v-de716df2] {\n        font-size: 16px;\n        margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-de716df2] {\n        font-size: 12px;\n        margin-bottom: 12px;\n}\n.atm-form-group[data-v-de716df2] {\n        margin-bottom: 10px;\n}\n.atm-input-label[data-v-de716df2] {\n        font-size: 12px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-de716df2] {\n        padding: 7px 9px;\n        font-size: 13px;\n}\n.atm-signup-button[data-v-de716df2] {\n        font-size: 13px;\n        padding: 9px;\n        min-height: 38px;\n}\n.atm-footer-links[data-v-de716df2] {\n        margin-top: 12px;\n        font-size: 12px;\n}\n.atm-powered-by[data-v-de716df2] {\n        font-size: 10px;\n}\n.spinner-svg[data-v-de716df2] {\n        width: 16px;\n        height: 16px;\n}\n.button-spinner[data-v-de716df2] {\n        gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-de716df2] {\n        width: 36px;\n        height: 36px;\n        font-size: 9px;\n}\n.atm-logo-image[data-v-de716df2] {\n        max-width: 36px;\n        max-height: 36px;\n}\n.atm-project-name[data-v-de716df2] {\n        font-size: 15px;\n        margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-de716df2] {\n        font-size: 11px;\n        margin-bottom: 10px;\n}\n.atm-form-group[data-v-de716df2] {\n        margin-bottom: 8px;\n}\n.atm-input-label[data-v-de716df2] {\n        font-size: 11px;\n        margin-bottom: 3px;\n}\n.atm-input-field[data-v-de716df2] {\n        padding: 6px 8px;\n        font-size: 12px;\n}\n.atm-signup-button[data-v-de716df2] {\n        font-size: 12px;\n        padding: 8px;\n        min-height: 36px;\n}\n.atm-footer-links[data-v-de716df2] {\n        margin-top: 10px;\n        font-size: 11px;\n}\n.spinner-svg[data-v-de716df2] {\n        width: 14px;\n        height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-4139c6d0] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v0f0ded3a);\n    color: #FFF;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.2s;\n    min-height: 44px;\n}\n.atm-signin-btn[data-v-4139c6d0]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-4139c6d0] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-4139c6d0] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-4139c6d0] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n\n.atm-signup-btn[data-v-959aa7ef] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v1112fbaa);\n    color: #FFF;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.2s;\n    min-height: 44px;\n}\n.atm-signup-btn[data-v-959aa7ef]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-959aa7ef] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-959aa7ef] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-959aa7ef] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n\n.atm-profile-container {\n    position: relative;\n    display: inline-block;\n    font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 8px 12px;\n    border-radius: 6px;\n    transition: background 0.2s;\n}\n.atm-profile-button:hover {\n    background: #f0f0f0;\n}\n.atm-profile-avatar {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: var(--v1982ae74);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    font-weight: 500;\n}\n.atm-profile-avatar.large {\n    width: 48px;\n    height: 48px;\n    font-size: 16px;\n}\n.atm-profile-avatar-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n}\n.atm-profile-name {\n    font-size: 14px;\n    color: #333;\n    font-weight: 500;\n}\n.atm-profile-arrow {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.2s;\n}\n.atm-rotate {\n    transform: rotate(180deg);\n}\n.atm-profile-menu {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 280px;\n    background: white;\n    border-radius: 8px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n    overflow: hidden;\n    margin-top: 4px;\n}\n.atm-profile-info {\n    display: flex;\n    gap: 12px;\n    padding: 16px;\n    border-bottom: 1px solid #f0f0f0;\n}\n.atm-profile-details {\n    flex: 1;\n    min-width: 0;\n}\n.atm-profile-fullname {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.atm-profile-email {\n    margin: 4px 0 0;\n    font-size: 13px;\n    color: #666;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.atm-profile-options {\n    padding: 8px 0;\n}\n.atm-profile-option {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 10px 16px;\n    background: none;\n    border: none;\n    text-align: left;\n    cursor: pointer;\n    font-size: 14px;\n    color: #333;\n    gap: 10px;\n    transition: background 0.2s;\n}\n.atm-profile-option:hover {\n    background: #f5f5f5;\n}\n.atm-profile-icon {\n    width: 18px;\n    height: 18px;\n    color: #666;\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n    transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n    opacity: 0;\n    transform: translateY(-10px);\n}\n.atm-profile-modal {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 9999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow-y: auto;\n    padding: 1.5rem;\n}\n.atm-profile-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    pointer-events: none;\n}\n.atm-profile-content {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    background: white;\n    border-radius: 12px;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    z-index: 1;\n    max-height: calc(100vh - 3rem);\n    display: flex;\n    flex-direction: column;\n    margin: auto;\n}\n.atm-profile-header {\n    padding: 16px;\n    border-bottom: 1px solid #f0f0f0;\n    display: flex;\n    align-items: center;\n}\n.atm-profile-close {\n    background: none;\n    border: none;\n    font-size: 24px;\n    cursor: pointer;\n    padding: 8px;\n    margin-right: 12px;\n    color: #666;\n}\n.atm-profile-title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: #333;\n}\n.atm-profile-tabs {\n    display: flex;\n    border-bottom: 1px solid #f0f0f0;\n    background: #f8f9fa;\n}\n.atm-tab {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 12px 16px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 500;\n    color: #666;\n    transition: all 0.2s;\n}\n.atm-tab:hover {\n    background: #e9ecef;\n}\n.atm-tab-active {\n    color: var(--v1982ae74) !important;\n    background: white;\n    border-bottom: 2px solid var(--v1982ae74);\n}\n.atm-tab-icon {\n    width: 16px;\n    height: 16px;\n}\n.atm-profile-body {\n    padding: 24px;\n    text-align: center;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n.atm-profile-avatar-large {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    background-color: var(--v1982ae74);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    font-weight: 600;\n    margin: 0 auto 20px;\n}\n.atm-profile-info-grid {\n    width: 100%;\n    text-align: left;\n    margin-top: 20px;\n}\n.atm-profile-info-row {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 16px;\n}\n.atm-profile-info-label {\n    font-size: 13px;\n    color: #666;\n    margin-bottom: 4px;\n}\n.atm-profile-info-value {\n    font-size: 16px;\n    color: #333;\n    font-weight: 500;\n}\n.atm-profile-edit-form {\n    width: 100%;\n    text-align: left;\n    margin-top: 20px;\n}\n.atm-form-group {\n    margin-bottom: 16px;\n}\n.atm-input-label {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 13px;\n    color: #555;\n    font-weight: 500;\n}\n.atm-input-field {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n    transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n    outline: none;\n    border-color: var(--v1982ae74);\n    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n    display: flex;\n    gap: 12px;\n    margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px;\n    background: var(--v1982ae74);\n    color: #FFF;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: opacity 0.2s;\n    justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n    opacity: 0.9;\n}\n.atm-cancel-btn {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n    padding: 12px;\n    background: #f8f9fa;\n    color: #666;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    justify-content: center;\n}\n.atm-cancel-btn:hover {\n    background: #e9ecef;\n}\n.atm-btn-icon {\n    width: 16px;\n    height: 16px;\n}\n.atm-email-add-section {\n    margin-bottom: 24px;\n    text-align: left;\n}\n.atm-email-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    text-align: left;\n}\n.atm-email-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    background: #f8f9fa;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n}\n.atm-email-info {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n.atm-email-address {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.atm-email-icon {\n    width: 16px;\n    height: 16px;\n    color: var(--c7d31cfc);\n}\n.atm-email-badges {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n.atm-badge {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    font-size: 11px;\n    font-weight: 500;\n    border-radius: 12px;\n    text-transform: uppercase;\n}\n.atm-badge-icon {\n    width: 12px;\n    height: 12px;\n}\n.atm-badge-primary {\n    background: #e3f2fd;\n    color: #1976d2;\n}\n.atm-badge-verified {\n    background: #e8f5e8;\n    color: #2e7d32;\n}\n.atm-badge-unverified {\n    background: #fff3e0;\n    color: #f57c00;\n}\n.atm-email-actions {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n.atm-verify-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 12px;\n    background: var(--v1982ae74);\n    color: white;\n    border: none;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n    opacity: 0.9;\n}\n.atm-delete-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 12px;\n    background: #dc3545;\n    color: white;\n    border: none;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n    opacity: 0.9;\n}\n.atm-password-section {\n    text-align: left;\n}\n.atm-sessions-section {\n    text-align: left;\n}\n.atm-sessions-info {\n    margin-bottom: 20px;\n}\n.atm-sessions-description {\n    margin: 0;\n    font-size: 14px;\n    color: #666;\n    line-height: 1.5;\n}\n.atm-sessions-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n.atm-session-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px;\n    background: #f8f9fa;\n    border-radius: 8px;\n    border: 1px solid #e9ecef;\n    gap: 16px;\n}\n.atm-session-header {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n}\n.atm-session-icon {\n    width: 24px;\n    height: 24px;\n    color: var(--c7d31cfc);\n    flex-shrink: 0;\n}\n.atm-session-details {\n    flex: 1;\n    min-width: 0;\n}\n.atm-session-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #333;\n}\n.atm-session-device-info {\n    font-size: 13px;\n    color: #666;\n    margin-bottom: 8px;\n}\n.atm-badge-current {\n    background: #d1f4e0;\n    color: #0f9d58;\n}\n.atm-session-timestamps {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n.atm-session-timestamp {\n    display: flex;\n    gap: 6px;\n    font-size: 13px;\n    color: #666;\n}\n.atm-timestamp-label {\n    font-weight: 500;\n    color: #555;\n}\n.atm-session-actions {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.atm-close-session-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\n    background: #dc3545;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: opacity 0.2s;\n    white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n        padding: 6px 10px;\n        gap: 6px;\n}\n.atm-profile-name {\n        font-size: 13px;\n}\n.atm-profile-menu {\n        width: 260px;\n}\n.atm-profile-modal {\n        padding: 1rem;\n}\n.atm-profile-content {\n        max-width: 90%;\n        max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n        padding: 14px;\n}\n.atm-profile-title {\n        font-size: 16px;\n}\n.atm-profile-body {\n        padding: 20px;\n}\n.atm-tab {\n        padding: 10px 12px;\n        font-size: 13px;\n        gap: 4px;\n}\n.atm-tab-icon {\n        width: 14px;\n        height: 14px;\n}\n.atm-profile-avatar-large {\n        width: 70px;\n        height: 70px;\n        font-size: 22px;\n}\n.atm-email-item {\n        flex-direction: column;\n        gap: 12px;\n        align-items: flex-start;\n}\n.atm-email-actions {\n        flex-direction: row;\n        width: 100%;\n}\n.atm-verify-btn,\n    .atm-delete-btn {\n        flex: 1;\n        justify-content: center;\n}\n.atm-session-item {\n        flex-direction: column;\n        align-items: flex-start;\n}\n.atm-session-actions {\n        width: 100%;\n}\n.atm-close-session-btn {\n        width: 100%;\n        justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n        padding: 4px 8px;\n        gap: 4px;\n}\n.atm-profile-avatar {\n        width: 28px;\n        height: 28px;\n        font-size: 11px;\n}\n.atm-profile-avatar.large {\n        width: 40px;\n        height: 40px;\n        font-size: 14px;\n}\n.atm-profile-name {\n        font-size: 12px;\n}\n.atm-profile-arrow {\n        width: 14px;\n        height: 14px;\n}\n.atm-profile-menu {\n        width: calc(100vw - 20px);\n        max-width: 240px;\n}\n.atm-profile-info {\n        padding: 12px;\n        gap: 10px;\n}\n.atm-profile-fullname {\n        font-size: 13px;\n}\n.atm-profile-email {\n        font-size: 12px;\n}\n.atm-profile-option {\n        padding: 8px 12px;\n        font-size: 13px;\n        gap: 8px;\n}\n.atm-profile-icon {\n        width: 16px;\n        height: 16px;\n}\n.atm-profile-modal {\n        padding: 0.5rem;\n}\n.atm-profile-content {\n        max-width: 95%;\n        max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n        padding: 12px;\n}\n.atm-profile-close {\n        font-size: 20px;\n        padding: 4px;\n        margin-right: 8px;\n}\n.atm-profile-title {\n        font-size: 15px;\n}\n.atm-profile-body {\n        padding: 16px;\n}\n.atm-tab {\n        padding: 8px 8px;\n        font-size: 12px;\n        gap: 3px;\n}\n.atm-tab-icon {\n        width: 13px;\n        height: 13px;\n}\n.atm-profile-avatar-large {\n        width: 60px;\n        height: 60px;\n        font-size: 20px;\n        margin-bottom: 16px;\n}\n.atm-profile-info-label {\n        font-size: 12px;\n}\n.atm-profile-info-value {\n        font-size: 14px;\n}\n.atm-input-label {\n        font-size: 12px;\n}\n.atm-input-field {\n        padding: 8px 10px;\n        font-size: 13px;\n}\n.atm-form-actions {\n        flex-direction: column;\n        gap: 8px;\n}\n.atm-save-btn,\n    .atm-cancel-btn,\n    .atm-edit-profile-btn,\n    .atm-reset-password-btn {\n        width: 100%;\n        padding: 10px;\n        font-size: 13px;\n}\n.atm-email-item {\n        padding: 10px;\n}\n.atm-email-address {\n        font-size: 13px;\n}\n.atm-badge {\n        font-size: 10px;\n        padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n        padding: 4px 6px;\n}\n.atm-profile-avatar {\n        width: 26px;\n        height: 26px;\n        font-size: 10px;\n}\n.atm-profile-name {\n        display: none;\n}\n.atm-profile-menu {\n        width: calc(100vw - 16px);\n        max-width: 220px;\n}\n.atm-profile-modal {\n        padding: 0.25rem;\n}\n.atm-profile-content {\n        max-width: 98%;\n        max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n        padding: 12px;\n}\n.atm-tab {\n        padding: 8px 6px;\n        font-size: 11px;\n        flex-direction: column;\n        gap: 2px;\n}\n.atm-profile-avatar-large {\n        width: 50px;\n        height: 50px;\n        font-size: 18px;\n}\n.atm-email-item {\n        padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n        gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n        gap: 12px;\n        flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n        gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-7157f989] {\n    padding: 12px;\n    margin-top: 8px;\n    background: var(--v2ec0f896);\n    color: #FFF;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: opacity 0.2s;\n    min-height: 44px;\n}\n.atm-logout-btn[data-v-7157f989]:hover {\n    opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 11px;\n        font-size: 13px;\n        min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 10px;\n        font-size: 13px;\n        min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-7157f989] {\n        padding: 9px;\n        font-size: 12px;\n        min-height: 38px;\n}\n}\n";
+    document.head.appendChild(style);
+  }
+})();
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const UniversalCookie = require("universal-cookie");
+const clientJs = require("@autenticar-me/client-js");
+const writeAccessTokenInCookie = (accessToken) => {
+  const cookies = new UniversalCookie();
+  if (accessToken === null) {
+    cookies.remove("atm_access_token");
+  } else {
+    cookies.set("atm_access_token", accessToken);
+  }
+};
+const getAccessToken = async () => {
+  const cookies = new UniversalCookie();
+  return cookies.get("atm_access_token");
+};
+const writeRefreshTokenInCookie = (refreshToken) => {
+  const cookies = new UniversalCookie();
+  if (refreshToken === null) {
+    cookies.remove("atm_refresh_token");
+  } else {
+    cookies.set("atm_refresh_token", refreshToken);
+  }
+};
+const fetchUser = async (client, user) => {
+  let accessToken = await getAccessToken();
+  if (accessToken == null) {
+    user.value = null;
+    return;
+  }
+  const response = await client.value.account(accessToken).getProfile();
+  user.value = {
+    id: response.id,
+    username: response.username,
+    firstName: response.first_name,
+    lastName: response.last_name,
+    primaryEmailAddress: response.primary_email_address,
+    primaryEmailAddressId: response.primary_email_address_id,
+    profileImage: response.profile_image,
+    attributes: response.attributes.map((atribute) => ({
+      key: atribute.key,
+      mode: atribute.mode,
+      value: atribute.value
+    }))
+  };
+};
+function useAtm() {
+  const ctx = vue.inject("atm");
+  if (!ctx) {
+    throw new Error("[Autenticar.me] É necessário configurar o plugin no main.ts");
+  }
+  return ctx;
+}
+function useAuth() {
+  const { client, user } = useAtm();
+  const signInByAccessToken = async (accessToken) => {
+    writeAccessTokenInCookie(accessToken);
+    await fetchUser(client, user);
+  };
+  const logout = async () => {
+    const accessToken = await getAccessToken();
+    if (accessToken == null) {
+      return;
+    }
+    await client.value.account(accessToken).logout();
+    user.value = null;
+    writeAccessTokenInCookie(null);
+  };
+  return {
+    user,
+    signInByAccessToken,
+    getAccessToken,
+    fetchUser,
+    logout
+  };
+}
+const _hoisted_1$8 = { class: "atm-overlay" };
+const _hoisted_2$3 = { class: "atm-modal" };
+const _hoisted_3$3 = { class: "atm-modal-content" };
+const _hoisted_4$3 = {
+  key: 0,
+  class: "atm-modal-title"
+};
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  __name: "Modal",
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: null
+    },
+    maxWidth: {
+      type: Number,
+      required: false,
+      default: 672
+    }
+  },
+  emits: [
+    "close"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const close = () => {
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+        vue.createElementVNode("div", {
+          class: "atm-container",
+          style: vue.normalizeStyle({ maxWidth: `${__props.maxWidth}px` })
+        }, [
+          _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "atm-fade-layer" }, [
+            vue.createElementVNode("div", { class: "atm-fade-bg" })
+          ], -1)),
+          vue.createElementVNode("div", _hoisted_2$3, [
+            vue.createElementVNode("button", {
+              class: "atm-close-button",
+              onClick: _cache[0] || (_cache[0] = ($event) => close())
+            }, [..._cache[1] || (_cache[1] = [
+              vue.createElementVNode("svg", {
+                class: "atm-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                vue.createElementVNode("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M6 18L18 6M6 6l12 12"
+                })
+              ], -1)
+            ])]),
+            vue.createElementVNode("div", _hoisted_3$3, [
+              __props.title ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_4$3, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", null, [
+                vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ])
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-c347df44"]]);
+function useAtmClient() {
+  const { client } = useAtm();
+  return client.value;
+}
+const DEVICE_TOKEN_KEY = "atm_device_token";
+const getDeviceToken = async (client) => {
+  try {
+    const storedToken = localStorage.getItem(DEVICE_TOKEN_KEY);
+    if (storedToken) {
+      return storedToken;
+    }
+    const response = await fetch(`${client.getProjectUrl()}/api/v1/devices`, {
+      method: "POST",
+      headers: {
+        "accept": "application/json",
+        "x-public-key": client.getPublicKey()
+      }
+    });
+    if (!response.ok) {
+      const errorBody = await response.json();
+      throw new Error(errorBody.message || "Falha ao criar o token do dispositivo.");
+    }
+    const data = await response.json();
+    if (!data.token) {
+      throw new Error("O token do dispositivo não foi retornado pelo servidor.");
+    }
+    localStorage.setItem(DEVICE_TOKEN_KEY, data.token);
+    return data.token;
+  } catch (error) {
+    throw error;
+  }
+};
+const _hoisted_1$7 = { class: "atm-login-container" };
+const _hoisted_2$2 = { class: "atm-logo-container" };
+const _hoisted_3$2 = ["src"];
+const _hoisted_4$2 = {
+  key: 1,
+  class: "atm-logo-placeholder"
+};
+const _hoisted_5$2 = { class: "atm-project-name" };
+const _hoisted_6$2 = { key: 0 };
+const _hoisted_7$2 = {
+  key: 0,
+  class: "atm-form-group"
+};
+const _hoisted_8$2 = { class: "atm-input-label" };
+const _hoisted_9$2 = ["placeholder", "disabled"];
+const _hoisted_10$2 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_11$2 = {
+  key: 1,
+  class: "atm-form-group"
+};
+const _hoisted_12$2 = ["disabled"];
+const _hoisted_13$2 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_14$2 = {
+  class: "atm-alternative-options",
+  style: { "margin-top": "4px" }
+};
+const _hoisted_15$2 = ["disabled"];
+const _hoisted_16$2 = {
+  key: 2,
+  class: "atm-strategy-choice"
+};
+const _hoisted_17$2 = { class: "atm-strategy-buttons" };
+const _hoisted_18$2 = ["onClick", "disabled"];
+const _hoisted_19$2 = { key: 0 };
+const _hoisted_20$2 = {
+  key: 3,
+  class: "atm-form-group"
+};
+const _hoisted_21$2 = {
+  key: 1,
+  class: "atm-forgot-password-message",
+  style: { "text-align": "center", "color": "#333", "margin-bottom": "16px" }
+};
+const _hoisted_22$2 = ["disabled"];
+const _hoisted_23$2 = { key: 0 };
+const _hoisted_24$2 = {
+  key: 1,
+  class: "button-spinner"
+};
+const _hoisted_25$2 = { key: 0 };
+const _hoisted_26$2 = { key: 1 };
+const _hoisted_27$2 = { class: "atm-footer-links" };
+const _hoisted_28$1 = { class: "atm-signup-text" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignIn",
+  emits: [
+    "completed",
+    "sign-up"
+  ],
+  setup(__props, { emit: __emit }) {
+    vue.useCssVars((_ctx) => ({
+      "e2d4c99e": atmPrimaryColor.value,
+      "v182122ff": atmSecondaryColor.value
+    }));
+    const emit = __emit;
+    const showNotification = vue.inject("showNotification");
+    const form = vue.ref({
+      emailAddress: "",
+      password: ""
+    });
+    const currentStep = vue.ref("email");
+    const signInStep = vue.ref(null);
+    const availableStrategies = vue.ref([]);
+    const selectedStrategy = vue.ref(null);
+    const serverStep = vue.ref(null);
+    const isLoading = vue.ref(false);
+    const emailInput = vue.ref(null);
+    const passwordInput = vue.ref(null);
+    const fieldErrors = vue.ref({
+      emailAddress: [],
+      password: []
+    });
+    const client = useAtmClient();
+    const { signInByAccessToken } = useAuth();
+    const { configurations } = useAtm();
+    const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
+    const atmSecondaryColor = vue.computed(() => configurations.value?.design?.secondaryColor);
+    const logoUrl = vue.computed(() => configurations.value?.project?.logo || "");
+    const buttonText = vue.computed(() => {
+      if (currentStep.value === "email") return "Entrar";
+      if (currentStep.value === "choose_strategy") return "";
+      if (currentStep.value === "forgot_password_message") return "";
+      return "Finalizar";
+    });
+    const showEmailField = vue.computed(() => currentStep.value === "email" || currentStep.value === "forgot_password_message");
+    const showPasswordField = vue.computed(() => currentStep.value === "password");
+    const showStrategyChoice = vue.computed(() => currentStep.value === "choose_strategy");
+    const labelText = vue.computed(() => {
+      if (configurations.value?.username?.enable === false) {
+        return "Email";
+      }
+      return "Email ou Nome de usuário";
+    });
+    const inputPlaceholder = vue.computed(() => {
+      if (configurations.value?.username?.enable === false) {
+        return "email@exemplo.com";
+      }
+      return "email@exemplo.com ou seu username";
+    });
+    const processAvailableStrategies = (stepData) => {
+      const strategies = stepData?.supported?.first_factors || [];
+      return {
+        password: strategies.find((s) => s.strategy === "password"),
+        emailLink: strategies.find((s) => s.strategy === "email_link")
+      };
+    };
+    const clearErrors = () => {
+      fieldErrors.value = {
+        emailAddress: [],
+        password: []
+      };
+    };
+    const handleEmailStep = async () => {
+      if (!form.value.emailAddress.trim()) {
+        showNotification?.("Email ou nome de usuário é obrigatório");
+        return false;
+      }
+      try {
+        const deviceToken = await getDeviceToken(client);
+        const stepData = await client.auth().signInByEmailAddress(form.value.emailAddress, deviceToken);
+        signInStep.value = stepData;
+        serverStep.value = stepData.step;
+        const strategies = processAvailableStrategies(stepData);
+        if (strategies.password) {
+          selectedStrategy.value = strategies.password;
+          currentStep.value = "password";
+        } else if (strategies.emailLink) {
+          availableStrategies.value = [strategies.emailLink].filter(Boolean);
+          currentStep.value = "choose_strategy";
+        } else {
+          showNotification?.("Nenhum método de autenticação disponível");
+          return false;
+        }
+        return true;
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          if (error.errors.email_address) {
+            fieldErrors.value.emailAddress = error.errors.email_address;
+          }
+        } else {
+          showNotification?.(error.message || "Erro ao verificar email");
+        }
+        return false;
+      }
+    };
+    const selectStrategy = (strategy) => {
+      selectedStrategy.value = strategy;
+      currentStep.value = strategy.strategy;
+      if (strategy.strategy === "email_link") {
+        handleEmailLinkStep();
+      }
+    };
+    const handlePasswordStep = async () => {
+      if (!form.value.password.trim()) {
+        showNotification?.("Senha é obrigatória");
+        return false;
+      }
+      try {
+        if (!signInStep.value) {
+          showNotification?.("Estado de autenticação inválido");
+          return false;
+        }
+        if (serverStep.value !== "first_factor") {
+          showNotification?.("Etapa inválida para autenticação com senha");
+          return false;
+        }
+        const attemptToken = signInStep.value.sign_in_attempt_token;
+        if (!attemptToken) {
+          showNotification?.("Token de tentativa não encontrado");
+          return false;
+        }
+        const response = await client.auth().authenticateWithPassword(signInStep.value.id, attemptToken, form.value.password);
+        if (response?.step) {
+          serverStep.value = response.step;
+          signInStep.value = { ...signInStep.value, ...response };
+        }
+        return true;
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          if (error.errors.password) {
+            fieldErrors.value.password = error.errors.password;
+          }
+        } else {
+          showNotification?.(error.message || "Senha incorreta");
+        }
+        return false;
+      }
+    };
+    const handleEmailLinkStep = async () => {
+      try {
+        await client.auth().sendEmailLink(signInStep.value.id, selectedStrategy.value?.email_address_id);
+        showNotification?.("Link de verificação enviado para seu email", "success");
+        return true;
+      } catch (error) {
+        showNotification?.(error.message || "Erro ao enviar link de verificação");
+        return false;
+      }
+    };
+    const sendResetPasswordLink = async () => {
+      if (!form.value.emailAddress.trim()) {
+        showNotification?.("Informe o email para enviar o link de recuperação");
+        return;
+      }
+      try {
+        await client.auth().resetPassword({ email_address: form.value.emailAddress });
+        currentStep.value = "forgot_password_message";
+      } catch (error) {
+        showNotification?.(error.message || "Erro ao solicitar recuperação de senha");
+      }
+    };
+    const completeAuthentication = async () => {
+      try {
+        const attemptToken = signInStep.value.sign_in_attempt_token;
+        if (!attemptToken) {
+          showNotification?.("Token de tentativa não encontrado");
+          isLoading.value = false;
+          return;
+        }
+        const tokens = await client.auth().generateTokens(signInStep.value.id, attemptToken);
+        signInByAccessToken(tokens.access_token);
+        writeRefreshTokenInCookie(tokens.refresh_token);
+        showNotification?.("Login realizado com sucesso!", "success");
+        setTimeout(() => {
+          emit("completed");
+        }, 1e3);
+      } catch (error) {
+        showNotification?.(error.message || "Erro ao finalizar autenticação");
+        isLoading.value = false;
+      }
+    };
+    const submit = async () => {
+      if (isLoading.value) return;
+      clearErrors();
+      try {
+        isLoading.value = true;
+        let stepSuccess = false;
+        let shouldCompleteAuth = false;
+        if (currentStep.value === "email") {
+          stepSuccess = await handleEmailStep();
+          if (stepSuccess) {
+            isLoading.value = false;
+          }
+        } else if (currentStep.value === "password") {
+          stepSuccess = await handlePasswordStep();
+          if (stepSuccess) {
+            shouldCompleteAuth = true;
+          }
+        } else if (currentStep.value === "choose_strategy") {
+          return;
+        } else if (currentStep.value === "email_link") {
+          return;
+        } else if (currentStep.value === "forgot_password_message") {
+          return;
+        }
+        if (shouldCompleteAuth) {
+          await completeAuthentication();
+        } else if (!stepSuccess) {
+          isLoading.value = false;
+        }
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          const mappedErrors = {};
+          if (error.errors.email_address) {
+            mappedErrors.emailAddress = error.errors.email_address;
+          }
+          if (error.errors.password) {
+            mappedErrors.password = error.errors.password;
+          }
+          fieldErrors.value = { ...fieldErrors.value, ...mappedErrors };
+        } else {
+          showNotification?.(error.message || "Erro durante o processo de login");
+        }
+        isLoading.value = false;
+      }
+    };
+    const signUp = () => emit("sign-up");
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        if (emailInput.value) {
+          emailInput.value.focus();
+        }
+      });
+    });
+    vue.watch(currentStep, (newStep) => {
+      vue.nextTick(() => {
+        if (newStep === "password" && passwordInput.value) {
+          passwordInput.value.focus();
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(configurations) ? (vue.openBlock(), vue.createElementBlock("form", {
+        key: 0,
+        onSubmit: _cache[4] || (_cache[4] = vue.withModifiers(($event) => submit(), ["prevent"]))
+      }, [
+        vue.createElementVNode("div", _hoisted_1$7, [
+          vue.createElementVNode("div", _hoisted_2$2, [
+            logoUrl.value ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              src: logoUrl.value,
+              alt: "Logo",
+              class: "atm-logo-image"
+            }, null, 8, _hoisted_3$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, "Logo"))
+          ]),
+          vue.createElementVNode("h2", _hoisted_5$2, vue.toDisplayString(vue.unref(configurations).project.name), 1),
+          _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "atm-welcome-text" }, "Bem-vindo de volta! Faça login para continuar", -1)),
+          currentStep.value !== "forgot_password_message" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+            showEmailField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+              vue.createElementVNode("label", _hoisted_8$2, vue.toDisplayString(labelText.value), 1),
+              vue.withDirectives(vue.createElementVNode("input", {
+                ref_key: "emailInput",
+                ref: emailInput,
+                type: "text",
+                class: "atm-input-field",
+                placeholder: inputPlaceholder.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.emailAddress = $event),
+                disabled: currentStep.value !== "email" || isLoading.value
+              }, null, 8, _hoisted_9$2), [
+                [vue.vModelText, form.value.emailAddress]
+              ]),
+              fieldErrors.value.emailAddress.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, vue.toDisplayString(fieldErrors.value.emailAddress[0]), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            showPasswordField.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [
+              _cache[5] || (_cache[5] = vue.createElementVNode("label", { class: "atm-input-label" }, "Senha", -1)),
+              vue.withDirectives(vue.createElementVNode("input", {
+                ref_key: "passwordInput",
+                ref: passwordInput,
+                type: "password",
+                class: "atm-input-field",
+                placeholder: "Digite sua senha",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.password = $event),
+                disabled: isLoading.value
+              }, null, 8, _hoisted_12$2), [
+                [vue.vModelText, form.value.password]
+              ]),
+              fieldErrors.value.password.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, vue.toDisplayString(fieldErrors.value.password[0]), 1)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_14$2, [
+                vue.createElementVNode("button", {
+                  type: "button",
+                  onClick: _cache[2] || (_cache[2] = ($event) => sendResetPasswordLink()),
+                  class: "atm-forgot-password-link",
+                  disabled: isLoading.value
+                }, " Esqueci a minha senha ", 8, _hoisted_15$2)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            showStrategyChoice.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$2, [
+              _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "atm-strategy-title" }, "Escolha como deseja fazer login:", -1)),
+              vue.createElementVNode("div", _hoisted_17$2, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(availableStrategies.value, (strategy) => {
+                  return vue.openBlock(), vue.createElementBlock("button", {
+                    key: strategy.strategy,
+                    onClick: ($event) => selectStrategy(strategy),
+                    type: "button",
+                    class: "atm-strategy-button",
+                    disabled: isLoading.value
+                  }, [
+                    strategy.strategy === "email_link" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$2, "Usar link por email")) : vue.createCommentVNode("", true)
+                  ], 8, _hoisted_18$2);
+                }), 128))
+              ])
+            ])) : vue.createCommentVNode("", true),
+            currentStep.value === "email_link" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$2, [..._cache[7] || (_cache[7] = [
+              vue.createElementVNode("p", { class: "atm-email-link-text" }, " Link de verificação enviado para seu email. Verifique sua caixa de entrada. ", -1)
+            ])])) : vue.createCommentVNode("", true)
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$2, [
+            vue.createElementVNode("p", null, [
+              _cache[8] || (_cache[8] = vue.createTextVNode("Foi enviado um link para resetar a senha para o email ", -1)),
+              vue.createElementVNode("strong", null, vue.toDisplayString(form.value.emailAddress), 1),
+              _cache[9] || (_cache[9] = vue.createTextVNode(". Verifique sua caixa de entrada.", -1))
+            ])
+          ])),
+          buttonText.value ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 2,
+            type: "submit",
+            class: "atm-login-button",
+            disabled: isLoading.value
+          }, [
+            !isLoading.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_23$2, vue.toDisplayString(buttonText.value), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_24$2, [
+              _cache[10] || (_cache[10] = vue.createElementVNode("svg", {
+                class: "spinner-svg",
+                viewBox: "0 0 50 50"
+              }, [
+                vue.createElementVNode("circle", {
+                  class: "spinner-circle",
+                  cx: "25",
+                  cy: "25",
+                  r: "20",
+                  fill: "none",
+                  "stroke-width": "5"
+                })
+              ], -1)),
+              currentStep.value === "email" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_25$2, "Verificando...")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$2, "Entrando..."))
+            ]))
+          ], 8, _hoisted_22$2)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_27$2, [
+            vue.createElementVNode("p", _hoisted_28$1, [
+              _cache[11] || (_cache[11] = vue.createTextVNode(" Ainda não tem uma conta? ", -1)),
+              vue.createElementVNode("a", {
+                onClick: _cache[3] || (_cache[3] = ($event) => signUp()),
+                class: "atm-signup-link"
+              }, "Cadastre aqui")
+            ]),
+            _cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "atm-powered-by" }, [
+              vue.createTextVNode(" Secured by "),
+              vue.createElementVNode("strong", null, "Autenticar.me")
+            ], -1))
+          ])
+        ])
+      ], 32)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const SignIn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-69af412a"]]);
+const _hoisted_1$6 = {
+  key: 0,
+  class: "atm-notification-container"
+};
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  __name: "Notification",
+  props: {
+    show: { type: Boolean },
+    message: {},
+    type: { default: "error" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+        vue.createVNode(vue.Transition, { name: "atm-notification" }, {
+          default: vue.withCtx(() => [
+            __props.show ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["atm-notification", `atm-notification--${__props.type}`])
+              }, vue.toDisplayString(__props.message), 3)
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const Notification = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f5e47084"]]);
+const _hoisted_1$5 = { class: "atm-signup-container" };
+const _hoisted_2$1 = { class: "atm-logo-container" };
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = {
+  key: 1,
+  class: "atm-logo-placeholder"
+};
+const _hoisted_5$1 = { class: "atm-project-name" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "atm-form-group"
+};
+const _hoisted_7$1 = { class: "atm-input-label" };
+const _hoisted_8$1 = ["disabled"];
+const _hoisted_9$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_10$1 = {
+  key: 1,
+  class: "atm-form-group"
+};
+const _hoisted_11$1 = { class: "atm-input-label" };
+const _hoisted_12$1 = ["disabled"];
+const _hoisted_13$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_14$1 = { class: "atm-form-group" };
+const _hoisted_15$1 = ["disabled"];
+const _hoisted_16$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_17$1 = {
+  key: 2,
+  class: "atm-form-group"
+};
+const _hoisted_18$1 = ["disabled"];
+const _hoisted_19$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_20$1 = {
+  key: 3,
+  class: "atm-form-group"
+};
+const _hoisted_21$1 = ["disabled"];
+const _hoisted_22$1 = {
+  key: 0,
+  class: "atm-field-error"
+};
+const _hoisted_23$1 = ["disabled"];
+const _hoisted_24$1 = { key: 0 };
+const _hoisted_25$1 = {
+  key: 1,
+  class: "button-spinner"
+};
+const _hoisted_26$1 = { class: "atm-footer-links" };
+const _hoisted_27$1 = { class: "atm-login-text" };
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignUp",
+  emits: ["completed", "sign-in"],
+  setup(__props, { emit: __emit }) {
+    vue.useCssVars((_ctx) => ({
+      "v8c008960": atmPrimaryColor.value,
+      "v1183b75e": atmSecondaryColor.value
+    }));
+    const emit = __emit;
+    const { configurations } = useAtm();
+    const form = vue.ref({
+      first_name: "",
+      last_name: "",
+      email_address: "",
+      password: "",
+      confirm_password: ""
+    });
+    const notification = vue.ref({
+      show: false,
+      message: "",
+      type: "error"
+    });
+    const isLoading = vue.ref(false);
+    const firstNameInput = vue.ref(null);
+    const emailInput = vue.ref(null);
+    const fieldErrors = vue.ref({
+      first_name: [],
+      last_name: [],
+      email_address: [],
+      password: [],
+      confirm_password: []
+    });
+    const showNotification = (message, type = "error") => {
+      notification.value = {
+        show: true,
+        message,
+        type
+      };
+      setTimeout(() => {
+        notification.value.show = false;
+      }, 3e3);
+    };
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        if (hasFirstName.value && firstNameInput.value) {
+          firstNameInput.value.focus();
+        } else if (emailInput.value) {
+          emailInput.value.focus();
+        }
+      });
+    });
+    const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
+    const atmSecondaryColor = vue.computed(() => configurations.value?.design?.secondaryColor);
+    const logoUrl = vue.computed(() => configurations.value?.project?.logo || "");
+    const hasFirstName = vue.computed(() => configurations.value?.firstName?.required === true);
+    const hasLastName = vue.computed(() => configurations.value?.lastName?.required === true);
+    const hasPassword = vue.computed(() => configurations.value?.password?.enable !== false);
+    const lengthConfig = vue.computed(() => configurations.value?.password?.length);
+    const validatePassword = () => {
+      const password = form.value.password;
+      const minLength = lengthConfig.value?.min ?? 8;
+      const maxLength = lengthConfig.value?.max ?? 64;
+      if (password.length < minLength) {
+        return `Senha deve ter pelo menos ${minLength} caracteres`;
+      }
+      if (password.length > maxLength) {
+        return `Senha deve ter no máximo ${maxLength} caracteres`;
+      }
+      if (configurations.value?.password?.uppercase && !/[A-Z]/.test(password)) {
+        return "Senha deve conter pelo menos uma letra maiúscula";
+      }
+      if (configurations.value?.password?.lowercase && !/[a-z]/.test(password)) {
+        return "Senha deve conter pelo menos uma letra minúscula";
+      }
+      if (configurations.value?.password?.numbers && !/\d/.test(password)) {
+        return "Senha deve conter pelo menos um número";
+      }
+      if (configurations.value?.password?.symbols && !/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
+        return "Senha deve conter pelo menos um símbolo especial";
+      }
+      return null;
+    };
+    const client = useAtmClient();
+    const { signInByAccessToken } = useAuth();
+    const clearErrors = () => {
+      fieldErrors.value = {
+        first_name: [],
+        last_name: [],
+        email_address: [],
+        password: [],
+        confirm_password: []
+      };
+    };
+    const submit = async () => {
+      if (isLoading.value) return;
+      clearErrors();
+      if (hasFirstName.value && !form.value.first_name.trim()) {
+        showNotification("Nome é obrigatório");
+        return;
+      }
+      if (hasLastName.value && !form.value.last_name.trim()) {
+        showNotification("Sobrenome é obrigatório");
+        return;
+      }
+      if (!form.value.email_address.trim()) {
+        showNotification("Email é obrigatório");
+        return;
+      }
+      if (hasPassword.value) {
+        if (!form.value.password.trim()) {
+          showNotification("Senha é obrigatória");
+          return;
+        }
+        const passwordError = validatePassword();
+        if (passwordError) {
+          showNotification(passwordError);
+          return;
+        }
+        if (!form.value.confirm_password.trim()) {
+          showNotification("Confirmação de senha é obrigatória");
+          return;
+        }
+        if (form.value.password !== form.value.confirm_password) {
+          showNotification("Senhas não coincidem");
+          return;
+        }
+      }
+      try {
+        isLoading.value = true;
+        await client.auth().register({
+          first_name: form.value.first_name,
+          last_name: form.value.last_name,
+          email_address: form.value.email_address,
+          password: form.value.password
+        });
+        showNotification("Conta criada com sucesso!", "success");
+        const deviceToken = await getDeviceToken(client);
+        const signInStep = await client.auth().signInByEmailAddress(form.value.email_address, deviceToken);
+        const attemptToken = signInStep.token;
+        if (!attemptToken) {
+          throw new Error("Token de tentativa não encontrado");
+        }
+        await client.auth().authenticateWithPassword(signInStep.id, attemptToken, form.value.password);
+        const tokens = await client.auth().generateTokens(signInStep.id, attemptToken);
+        signInByAccessToken(tokens.access_token);
+        writeRefreshTokenInCookie(tokens.refresh_token);
+        showNotification("Login realizado com sucesso!", "success");
+        setTimeout(() => {
+          emit("completed");
+        }, 1e3);
+      } catch (error) {
+        if (error.errors && typeof error.errors === "object") {
+          fieldErrors.value = { ...fieldErrors.value, ...error.errors };
+        } else {
+          showNotification(error.message || "Erro ao registrar usuário", "error");
+        }
+        isLoading.value = false;
+      }
+    };
+    const signIn = () => emit("sign-in");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Notification, {
+          show: notification.value.show,
+          message: notification.value.message,
+          type: notification.value.type
+        }, null, 8, ["show", "message", "type"]),
+        vue.unref(configurations) ? (vue.openBlock(), vue.createElementBlock("form", {
+          key: 0,
+          onSubmit: vue.withModifiers(submit, ["prevent"])
+        }, [
+          vue.createElementVNode("div", _hoisted_1$5, [
+            vue.createElementVNode("div", _hoisted_2$1, [
+              logoUrl.value ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                src: logoUrl.value,
+                alt: "Logo",
+                class: "atm-logo-image"
+              }, null, 8, _hoisted_3$1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, "Logo"))
+            ]),
+            vue.createElementVNode("h2", _hoisted_5$1, vue.toDisplayString(vue.unref(configurations).project.name), 1),
+            _cache[11] || (_cache[11] = vue.createElementVNode("p", { class: "atm-welcome-text" }, "Crie sua conta para começar", -1)),
+            hasFirstName.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+              vue.createElementVNode("label", _hoisted_7$1, " Primeiro Nome " + vue.toDisplayString(vue.unref(configurations).firstName?.required ? "*" : ""), 1),
+              vue.withDirectives(vue.createElementVNode("input", {
+                ref_key: "firstNameInput",
+                ref: firstNameInput,
+                type: "text",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.first_name = $event),
+                placeholder: "Digite seu primeiro nome",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_8$1), [
+                [vue.vModelText, form.value.first_name]
+              ]),
+              fieldErrors.value.first_name.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, vue.toDisplayString(fieldErrors.value.first_name[0]), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            hasLastName.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+              vue.createElementVNode("label", _hoisted_11$1, " Sobrenome " + vue.toDisplayString(vue.unref(configurations).lastName?.required ? "*" : ""), 1),
+              vue.withDirectives(vue.createElementVNode("input", {
+                type: "text",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.last_name = $event),
+                placeholder: "Digite seu sobrenome",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_12$1), [
+                [vue.vModelText, form.value.last_name]
+              ]),
+              fieldErrors.value.last_name.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, vue.toDisplayString(fieldErrors.value.last_name[0]), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_14$1, [
+              _cache[5] || (_cache[5] = vue.createElementVNode("label", { class: "atm-input-label" }, "Email ou Nome de usuário *", -1)),
+              vue.withDirectives(vue.createElementVNode("input", {
+                ref_key: "emailInput",
+                ref: emailInput,
+                type: "text",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.email_address = $event),
+                placeholder: "email@exemplo.com ou seuusername",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_15$1), [
+                [vue.vModelText, form.value.email_address]
+              ]),
+              fieldErrors.value.email_address.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, vue.toDisplayString(fieldErrors.value.email_address[0]), 1)) : vue.createCommentVNode("", true)
+            ]),
+            hasPassword.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$1, [
+              _cache[6] || (_cache[6] = vue.createElementVNode("label", { class: "atm-input-label" }, "Senha *", -1)),
+              vue.withDirectives(vue.createElementVNode("input", {
+                type: "password",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.password = $event),
+                placeholder: "",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_18$1), [
+                [vue.vModelText, form.value.password]
+              ]),
+              fieldErrors.value.password.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19$1, vue.toDisplayString(fieldErrors.value.password[0]), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            hasPassword.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$1, [
+              _cache[7] || (_cache[7] = vue.createElementVNode("label", { class: "atm-input-label" }, "Confirmar Senha *", -1)),
+              vue.withDirectives(vue.createElementVNode("input", {
+                type: "password",
+                class: "atm-input-field",
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.confirm_password = $event),
+                placeholder: "",
+                disabled: isLoading.value
+              }, null, 8, _hoisted_21$1), [
+                [vue.vModelText, form.value.confirm_password]
+              ]),
+              fieldErrors.value.confirm_password.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$1, vue.toDisplayString(fieldErrors.value.confirm_password[0]), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("button", {
+              type: "submit",
+              class: "atm-signup-button",
+              disabled: isLoading.value
+            }, [
+              !isLoading.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_24$1, "Criar Conta")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_25$1, [..._cache[8] || (_cache[8] = [
+                vue.createElementVNode("svg", {
+                  class: "spinner-svg",
+                  viewBox: "0 0 50 50"
+                }, [
+                  vue.createElementVNode("circle", {
+                    class: "spinner-circle",
+                    cx: "25",
+                    cy: "25",
+                    r: "20",
+                    fill: "none",
+                    "stroke-width": "5"
+                  })
+                ], -1),
+                vue.createTextVNode(" Criando... ", -1)
+              ])]))
+            ], 8, _hoisted_23$1),
+            vue.createElementVNode("div", _hoisted_26$1, [
+              vue.createElementVNode("p", _hoisted_27$1, [
+                _cache[9] || (_cache[9] = vue.createTextVNode(" Já tem uma conta? ", -1)),
+                vue.createElementVNode("a", {
+                  onClick: signIn,
+                  class: vue.normalizeClass(["atm-login-link", { "disabled-link": isLoading.value }])
+                }, "Faça login", 2)
+              ]),
+              _cache[10] || (_cache[10] = vue.createElementVNode("p", { class: "atm-powered-by" }, [
+                vue.createTextVNode("Secured by "),
+                vue.createElementVNode("strong", null, "Autenticar.me")
+              ], -1))
+            ])
+          ])
+        ], 32)) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const SignUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-de716df2"]]);
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignInModal",
+  emits: [
+    "close"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const close = () => {
+      emit("close");
+    };
+    const component = vue.ref("sign-in");
+    const signUp = () => component.value = "sign-up";
+    const signIn = () => component.value = "sign-in";
+    const windowWidth = vue.ref(typeof window !== "undefined" ? window.innerWidth : 1024);
+    const maxWidth = vue.computed(() => {
+      if (windowWidth.value <= 360) return 340;
+      if (windowWidth.value <= 480) return windowWidth.value - 20;
+      if (windowWidth.value <= 768) return 400;
+      return 420;
+    });
+    const updateWidth = () => {
+      windowWidth.value = window.innerWidth;
+    };
+    vue.onMounted(() => {
+      window.addEventListener("resize", updateWidth);
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("resize", updateWidth);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Modal, {
+        "max-width": maxWidth.value,
+        onClose: _cache[4] || (_cache[4] = ($event) => close())
+      }, {
+        default: vue.withCtx(() => [
+          component.value === "sign-in" ? (vue.openBlock(), vue.createBlock(SignIn, {
+            key: 0,
+            onSignUp: _cache[0] || (_cache[0] = ($event) => signUp()),
+            onCompleted: _cache[1] || (_cache[1] = ($event) => close())
+          })) : vue.createCommentVNode("", true),
+          component.value === "sign-up" ? (vue.openBlock(), vue.createBlock(SignUp, {
+            key: 1,
+            onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
+            onCompleted: _cache[3] || (_cache[3] = ($event) => close())
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["max-width"]);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignInButton",
+  setup(__props) {
+    vue.useCssVars((_ctx) => ({
+      "v0f0ded3a": atmPrimaryColor.value
+    }));
+    const showSignInModal = vue.ref(false);
+    const { configurations } = useAtm();
+    const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
+    const notification = vue.ref({
+      show: false,
+      message: "",
+      type: "error"
+    });
+    const showNotification = (message, type = "error") => {
+      notification.value = {
+        show: true,
+        message,
+        type
+      };
+      setTimeout(() => {
+        notification.value.show = false;
+      }, 3e3);
+    };
+    vue.provide("showNotification", showNotification);
+    const signIn = () => {
+      showSignInModal.value = true;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Notification, {
+          show: notification.value.show,
+          message: notification.value.message,
+          type: notification.value.type
+        }, null, 8, ["show", "message", "type"]),
+        showSignInModal.value ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
+          key: 0,
+          onClose: _cache[0] || (_cache[0] = () => showSignInModal.value = false)
+        })) : vue.createCommentVNode("", true),
+        vue.createElementVNode("button", {
+          onClick: _cache[1] || (_cache[1] = ($event) => signIn()),
+          class: "atm-signin-btn"
+        }, " Entrar ")
+      ], 64);
+    };
+  }
+});
+const SignInButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-4139c6d0"]]);
+const _hoisted_1$4 = {
+  key: 2,
+  style: { "padding": "24px", "text-align": "center" }
+};
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignUpModal",
+  emits: [
+    "close"
+  ],
+  setup(__props, { emit: __emit }) {
+    const { configurations } = useAtm();
+    const emit = __emit;
+    const close = () => {
+      emit("close");
+    };
+    const component = vue.ref("sign-up");
+    const isRegistrationAllowed = vue.computed(() => configurations.value?.register?.enable !== false);
+    const signUp = () => component.value = "sign-up";
+    const signIn = () => component.value = "sign-in";
+    const windowWidth = vue.ref(typeof window !== "undefined" ? window.innerWidth : 1024);
+    const maxWidth = vue.computed(() => {
+      if (windowWidth.value <= 360) return 340;
+      if (windowWidth.value <= 480) return windowWidth.value - 20;
+      if (windowWidth.value <= 768) return 400;
+      return 420;
+    });
+    const updateWidth = () => {
+      windowWidth.value = window.innerWidth;
+    };
+    vue.onMounted(() => {
+      window.addEventListener("resize", updateWidth);
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("resize", updateWidth);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Modal, {
+        "max-width": maxWidth.value,
+        onClose: _cache[5] || (_cache[5] = ($event) => close())
+      }, {
+        default: vue.withCtx(() => [
+          component.value === "sign-in" ? (vue.openBlock(), vue.createBlock(SignIn, {
+            key: 0,
+            onSignUp: _cache[0] || (_cache[0] = ($event) => signUp()),
+            onCompleted: _cache[1] || (_cache[1] = ($event) => close())
+          })) : vue.createCommentVNode("", true),
+          component.value === "sign-up" && isRegistrationAllowed.value ? (vue.openBlock(), vue.createBlock(SignUp, {
+            key: 1,
+            onSignIn: _cache[2] || (_cache[2] = ($event) => signIn()),
+            onCompleted: _cache[3] || (_cache[3] = ($event) => close())
+          })) : component.value === "sign-up" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+            _cache[6] || (_cache[6] = vue.createElementVNode("p", { style: { "margin-bottom": "16px" } }, "Registro não está disponível no momento", -1)),
+            vue.createElementVNode("button", {
+              onClick: _cache[4] || (_cache[4] = ($event) => signIn()),
+              style: { "padding": "12px 24px", "background": "#007bff", "color": "white", "border": "none", "border-radius": "6px", "cursor": "pointer" }
+            }, "Fazer login")
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["max-width"]);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignUpButton",
+  setup(__props) {
+    vue.useCssVars((_ctx) => ({
+      "v1112fbaa": atmPrimaryColor.value
+    }));
+    const showSignUpModal = vue.ref(false);
+    const { configurations } = useAtm();
+    const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
+    const isRegistrationAllowed = vue.computed(() => configurations.value?.register?.enable !== false);
+    const signUp = () => {
+      showSignUpModal.value = true;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        showSignUpModal.value ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+          key: 0,
+          onClose: _cache[0] || (_cache[0] = () => showSignUpModal.value = false)
+        })) : vue.createCommentVNode("", true),
+        isRegistrationAllowed.value ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 1,
+          onClick: _cache[1] || (_cache[1] = ($event) => signUp()),
+          class: "atm-signup-btn"
+        }, " Cadastrar-se ")) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const SignUpButton = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-959aa7ef"]]);
+const _hoisted_1$3 = {
+  key: 0,
+  class: "atm-profile-container"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  class: "atm-btn-icon",
+  style: { "width": "20px", "height": "20px", "color": "white" }
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "atm-profile-name"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "atm-profile-menu"
+};
+const _hoisted_7 = { class: "atm-profile-info" };
+const _hoisted_8 = ["src"];
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  class: "atm-btn-icon",
+  style: { "width": "40px", "height": "40px", "color": "white" }
+};
+const _hoisted_11 = { class: "atm-profile-details" };
+const _hoisted_12 = {
+  key: 0,
+  class: "atm-profile-fullname"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "atm-profile-fullname"
+};
+const _hoisted_14 = { class: "atm-profile-email" };
+const _hoisted_15 = {
+  key: 0,
+  class: "atm-profile-modal",
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-labelledby": "profile-modal-title"
+};
+const _hoisted_16 = { class: "atm-profile-content" };
+const _hoisted_17 = { class: "atm-profile-tabs" };
+const _hoisted_18 = {
+  key: 0,
+  class: "atm-profile-body"
+};
+const _hoisted_19 = ["src"];
+const _hoisted_20 = { key: 1 };
+const _hoisted_21 = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  class: "atm-btn-icon",
+  style: { "width": "80px", "height": "80px", "color": "white", "margin": "0 auto" }
+};
+const _hoisted_22 = {
+  key: 0,
+  class: "atm-profile-info-grid"
+};
+const _hoisted_23 = { class: "atm-profile-info-row" };
+const _hoisted_24 = {
+  key: 0,
+  class: "atm-profile-info-value"
+};
+const _hoisted_25 = {
+  key: 1,
+  class: "atm-profile-info-value"
+};
+const _hoisted_26 = { class: "atm-profile-info-row" };
+const _hoisted_27 = {
+  key: 0,
+  class: "atm-profile-info-value"
+};
+const _hoisted_28 = {
+  key: 1,
+  class: "atm-profile-info-value"
+};
+const _hoisted_29 = { class: "atm-profile-info-row" };
+const _hoisted_30 = { class: "atm-profile-info-value" };
+const _hoisted_31 = {
+  key: 1,
+  class: "atm-profile-edit-form"
+};
+const _hoisted_32 = { class: "atm-form-group" };
+const _hoisted_33 = { class: "atm-form-group" };
+const _hoisted_34 = {
+  key: 1,
+  class: "atm-profile-body"
+};
+const _hoisted_35 = { class: "atm-email-add-section" };
+const _hoisted_36 = { class: "atm-form-group" };
+const _hoisted_37 = { class: "atm-badge" };
+const _hoisted_38 = { class: "atm-email-list" };
+const _hoisted_39 = { class: "atm-email-info" };
+const _hoisted_40 = { class: "atm-email-address" };
+const _hoisted_41 = { class: "atm-email-badges" };
+const _hoisted_42 = {
+  key: 0,
+  class: "atm-badge atm-badge-primary"
+};
+const _hoisted_43 = {
+  key: 1,
+  class: "atm-badge atm-badge-verified"
+};
+const _hoisted_44 = {
+  key: 2,
+  class: "atm-badge atm-badge-unverified"
+};
+const _hoisted_45 = { class: "atm-email-actions" };
+const _hoisted_46 = ["onClick"];
+const _hoisted_47 = ["onClick"];
+const _hoisted_48 = {
+  key: 2,
+  class: "atm-profile-body"
+};
+const _hoisted_49 = {
+  key: 3,
+  class: "atm-profile-body"
+};
+const _hoisted_50 = { class: "atm-sessions-section" };
+const _hoisted_51 = { class: "atm-sessions-list" };
+const _hoisted_52 = { class: "atm-session-info" };
+const _hoisted_53 = { class: "atm-session-header" };
+const _hoisted_54 = {
+  viewBox: "0 0 24 24",
+  class: "atm-session-icon"
+};
+const _hoisted_55 = ["d"];
+const _hoisted_56 = { class: "atm-session-details" };
+const _hoisted_57 = { class: "atm-session-title" };
+const _hoisted_58 = {
+  key: 0,
+  class: "atm-badge atm-badge-current"
+};
+const _hoisted_59 = {
+  key: 0,
+  class: "atm-session-device-info"
+};
+const _hoisted_60 = { key: 0 };
+const _hoisted_61 = { key: 1 };
+const _hoisted_62 = { key: 2 };
+const _hoisted_63 = { class: "atm-session-timestamps" };
+const _hoisted_64 = { class: "atm-session-timestamp" };
+const _hoisted_65 = { class: "atm-session-timestamp" };
+const _hoisted_66 = { class: "atm-session-actions" };
+const _hoisted_67 = ["onClick"];
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "UserProfile",
+  setup(__props) {
+    vue.useCssVars((_ctx) => ({
+      "v1982ae74": atmPrimaryColor.value,
+      "c7d31cfc": atmSecondaryColor.value
+    }));
+    const { user, logout } = useAuth();
+    const { configurations } = useAtm();
+    const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
+    const atmSecondaryColor = vue.computed(() => configurations.value?.design?.secondaryColor);
+    const isDropdownOpen = vue.ref(false);
+    const isProfileModalOpen = vue.ref(false);
+    const isEditingProfile = vue.ref(false);
+    const buttonRef = vue.ref(null);
+    const emailAddresses = vue.ref([]);
+    const newEmail = vue.ref("");
+    const activeTab = vue.ref("geral");
+    const sessions = vue.ref([]);
+    const client = useAtmClient();
+    const profileForm = vue.ref({
+      firstName: "",
+      lastName: "",
+      primaryEmailAddress: ""
+    });
+    const notification = vue.ref({
+      show: false,
+      message: "",
+      type: "error"
+    });
+    const showNotification = (message, type = "error") => {
+      notification.value = {
+        show: true,
+        message,
+        type
+      };
+      setTimeout(() => {
+        notification.value.show = false;
+      }, 3e3);
+    };
+    vue.provide("showNotification", showNotification);
+    const userInitials = vue.computed(() => {
+      if (!user.value || !user.value.firstName) return "";
+      return (user.value.firstName.charAt(0) + (user.value.lastName?.charAt(0) || "")).toUpperCase();
+    });
+    const toggleMenu = () => isDropdownOpen.value = !isDropdownOpen.value;
+    const closeMenu = (event) => {
+      if (buttonRef.value && !buttonRef.value.contains(event.target)) {
+        isDropdownOpen.value = false;
+      }
+    };
+    const openProfileModal = async () => {
+      isDropdownOpen.value = false;
+      isProfileModalOpen.value = true;
+      activeTab.value = "geral";
+      resetProfileForm();
+      await loadEmailAddresses();
+      await loadSessions();
+    };
+    const closeProfileModal = () => {
+      isProfileModalOpen.value = false;
+      isEditingProfile.value = false;
+      resetProfileForm();
+      emailAddresses.value = [];
+      newEmail.value = "";
+      sessions.value = [];
+      activeTab.value = "geral";
+    };
+    const resetProfileForm = () => {
+      if (user.value) {
+        profileForm.value = {
+          firstName: user.value.firstName || "",
+          lastName: user.value.lastName || "",
+          primaryEmailAddress: user.value.primaryEmailAddress || ""
+        };
+      }
+    };
+    const updateProfileFormWithData = (profileDataUpdated) => {
+      if (profileDataUpdated.first_name) {
+        profileForm.value.firstName = profileDataUpdated.first_name;
+      }
+      if (profileDataUpdated.last_name) {
+        profileForm.value.lastName = profileDataUpdated.last_name;
+      }
+      if (profileDataUpdated.primary_email_address) {
+        profileForm.value.primaryEmailAddress = profileDataUpdated.primary_email_address;
+      }
+    };
+    const loadEmailAddresses = async () => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        const emails = await client.account(token).getEmailsAddresses();
+        emailAddresses.value = emails;
+      } catch (error) {
+        showNotification("Erro ao carregar endereços de email", "error");
+      }
+    };
+    const requestEmailVerification = async (emailId) => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).requestEmailVerification(emailId);
+        showNotification("Link de verificação enviado para o email", "success");
+        await loadEmailAddresses();
+      } catch (error) {
+        showNotification("Erro ao enviar verificação de email", "error");
+      }
+    };
+    const deleteEmailAddress = async (emailId) => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).deleteEmailAddress(emailId);
+        showNotification("Email removido com sucesso", "success");
+        await loadEmailAddresses();
+      } catch (error) {
+        showNotification("Erro ao remover email", "error");
+      }
+    };
+    const createEmailAddress = async () => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        if (!newEmail.value.trim()) {
+          showNotification("Informe o novo email", "error");
+          return;
+        }
+        await client.account(token).createEmailAddress(newEmail.value.trim());
+        showNotification("Email adicionado. Verifique sua caixa de entrada.", "success");
+        newEmail.value = "";
+        await loadEmailAddresses();
+      } catch (error) {
+        showNotification("Erro ao adicionar email", "error");
+      }
+    };
+    const startEditing = () => {
+      isEditingProfile.value = true;
+    };
+    const cancelEditing = () => {
+      isEditingProfile.value = false;
+      resetProfileForm();
+    };
+    const getCookie = (name) => {
+      const value = `; ${document.cookie}`;
+      const parts = value.split(`; ${name}=`);
+      if (parts.length === 2) return parts.pop()?.split(";").shift() || null;
+      return null;
+    };
+    const updateProfile = async () => {
+      try {
+        if (!profileForm.value.firstName.trim()) {
+          showNotification("Nome é obrigatório", "error");
+          return;
+        }
+        if (!profileForm.value.lastName.trim()) {
+          showNotification("Sobrenome é obrigatório", "error");
+          return;
+        }
+        const updateData = {};
+        if (profileForm.value.firstName !== user.value?.firstName) {
+          updateData.first_name = profileForm.value.firstName.trim();
+        }
+        if (profileForm.value.lastName !== user.value?.lastName) {
+          updateData.last_name = profileForm.value.lastName.trim();
+        }
+        if (Object.keys(updateData).length === 0) {
+          showNotification("Nenhuma alteração foi feita", "warning");
+          isEditingProfile.value = false;
+          return;
+        }
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).updateProfile(updateData);
+        const profileDataUpdated = await client.account(token).getProfile();
+        updateProfileFormWithData(profileDataUpdated);
+        showNotification("Perfil atualizado com sucesso!", "success");
+        isEditingProfile.value = false;
+      } catch (error) {
+        showNotification(error.message || "Erro ao atualizar perfil", "error");
+      }
+    };
+    const logoutUser = () => {
+      logout();
+      isDropdownOpen.value = false;
+    };
+    const sendResetPasswordLink = async () => {
+      if (!user.value?.primaryEmailAddress) {
+        showNotification("Informe o email para enviar o link de recuperação", "error");
+        return;
+      }
+      try {
+        await client.auth().resetPassword({ email_address: user.value.primaryEmailAddress });
+        showNotification(`Foi enviado um link para resetar a senha para o email ${user.value.primaryEmailAddress}.`, "success");
+      } catch (e) {
+        showNotification(e.message || "Erro ao solicitar recuperação de senha", "error");
+      }
+    };
+    const loadSessions = async () => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        const sessionsData = await client.account(token).getSessions();
+        sessions.value = sessionsData;
+      } catch (error) {
+        showNotification("Erro ao carregar sessões", "error");
+      }
+    };
+    const closeSessionById = async (sessionId) => {
+      try {
+        const token = getCookie("atm_access_token");
+        if (!token) {
+          showNotification("Token de acesso não encontrado", "error");
+          return;
+        }
+        await client.account(token).closeSession(sessionId);
+        showNotification("Sessão encerrada com sucesso", "success");
+        await loadSessions();
+      } catch (error) {
+        showNotification("Erro ao encerrar sessão", "error");
+      }
+    };
+    const formatDate = (dateString) => {
+      const date = new Date(dateString);
+      return date.toLocaleString("pt-BR", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    };
+    const getDeviceIcon = (device) => {
+      const platform = device.platform?.toLowerCase() || "";
+      const browser = device.browser?.toLowerCase() || "";
+      if (platform.includes("windows") || platform.includes("win32") || platform.includes("win64")) {
+        return "M0,0V11H11V0ZM13,0V11H24V0ZM0,13V24H11V13ZM13,13V24H24V13Z";
+      }
+      if (platform.includes("mac") || platform.includes("darwin") || platform.includes("os x")) {
+        return "M12,1C7,1 3,5 3,10C3,14 6,17 9,18V22H15V18C18,17 21,14 21,10C21,5 17,1 12,1M12,3C15.9,3 19,6.1 19,10C19,13.4 16.6,16.2 13.4,16.8L13,16.9V20H11V16.9L10.6,16.8C7.4,16.2 5,13.4 5,10C5,6.1 8.1,3 12,3Z";
+      }
+      if (platform.includes("iphone") || platform.includes("ipad") || platform.includes("ipod") || platform.includes("ios")) {
+        return "M15.5,1H8.5C7.67,1 7,1.67 7,2.5V21.5C7,22.33 7.67,23 8.5,23H15.5C16.33,23 17,22.33 17,21.5V2.5C17,1.67 16.33,1 15.5,1M12,22C11.45,22 11,21.55 11,21C11,20.45 11.45,20 12,20C12.55,20 13,20.45 13,21C13,21.55 12.55,22 12,22M15,19H9V4H15V19Z";
+      }
+      if (platform.includes("android")) {
+        return "M16.61,15.15C16.15,15.15 15.77,15.53 15.77,16C15.77,16.46 16.15,16.85 16.61,16.85C17.07,16.85 17.46,16.46 17.46,16C17.46,15.53 17.07,15.15 16.61,15.15M7.41,15.15C6.95,15.15 6.57,15.53 6.57,16C6.57,16.46 6.95,16.85 7.41,16.85C7.87,16.85 8.26,16.46 8.26,16C8.26,15.53 7.87,15.15 7.41,15.15M16.91,10.14L18.58,7.26C18.67,7.09 18.61,6.88 18.45,6.79C18.28,6.69 18.07,6.75 18,6.92L16.29,9.83C14.95,9.22 13.5,8.9 12,8.91C10.47,8.91 9,9.24 7.73,9.82L6.04,6.91C5.95,6.74 5.74,6.68 5.57,6.78C5.4,6.87 5.35,7.08 5.44,7.25L7.1,10.13C4.25,11.69 2.29,14.58 2,18H22C21.72,14.59 19.77,11.7 16.91,10.14Z";
+      }
+      if (platform.includes("linux") || platform.includes("ubuntu") || platform.includes("debian") || platform.includes("fedora") || platform.includes("centos") || platform.includes("arch")) {
+        return "M12,2C11.5,2 11,2.19 10.59,2.59L2.59,10.59C1.8,11.37 1.8,12.63 2.59,13.41L10.59,21.41C11.37,22.2 12.63,22.2 13.41,21.41L21.41,13.41C22.2,12.63 22.2,11.37 21.41,10.59L13.41,2.59C13,2.19 12.5,2 12,2M12,4L20,12L12,20L4,12M12.5,7V13H11V7M12.5,15V17H11V15";
+      }
+      if (platform.includes("chrome") || browser.includes("chrome")) {
+        return "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4C14.6,4 16.94,5.27 18.35,7.25L15.5,12C15.29,11.41 15,10.87 14.62,10.41C13.69,9.31 12.36,8.63 10.88,8.63C10.75,8.63 10.62,8.64 10.5,8.65L12,4.03C12,4.03 12,4 12,4M4.26,8.09C5.61,6.19 7.82,5 10.29,5L8.5,9.5C7.12,10.5 6.25,12.18 6.25,14.06C6.25,14.66 6.35,15.23 6.53,15.78L4.26,8.09M19.74,8.09L17.47,15.78C18.5,14.16 19.13,12.19 19.13,10.06C19.13,9.38 19.04,8.72 18.88,8.09H19.74M6.06,17C4.5,15.5 3.5,13.38 3.5,11C3.5,10.66 3.53,10.33 3.57,10H7.03C7,10.33 7,10.66 7,11C7,12.96 7.81,14.73 9.11,16L6.06,17M12,20C9.4,20 7.06,18.73 5.65,16.75L8.5,12C8.71,12.59 9,13.13 9.38,13.59C10.31,14.69 11.64,15.37 13.12,15.37C13.25,15.37 13.38,15.36 13.5,15.35L12,19.97C12,19.97 12,20 12,20M17.94,17L15.96,11C17.21,9.89 18,8.21 18,6.31C18,5.71 17.9,5.14 17.72,4.59L19.74,8.09C20.26,9.25 20.55,10.56 20.55,11.94C20.55,14.27 19.64,16.38 18.18,17.91L17.94,17Z";
+      }
+      if (browser.includes("firefox") || browser.includes("mozilla")) {
+        return "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.84,15.5C15.57,16.17 15.16,16.75 14.63,17.23C13.96,17.82 13.17,18.21 12.29,18.42C11.38,18.63 10.47,18.63 9.56,18.42C9,18.29 8.5,18.06 8.04,17.75C7.27,17.23 6.69,16.5 6.32,15.63C5.95,14.76 5.79,13.81 5.86,12.86C5.93,11.91 6.24,11.03 6.77,10.24C7.3,9.45 8,8.84 8.84,8.45C9.68,8.06 10.58,7.93 11.5,8.07C12.41,8.21 13.24,8.59 13.94,9.18C14.64,9.77 15.16,10.53 15.45,11.38C15.74,12.23 15.79,13.13 15.59,14C15.39,14.87 14.96,15.67 14.34,16.32L15.84,15.5Z";
+      }
+      if (browser.includes("safari")) {
+        return "M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M9.5,9.5L14,12L12,14L10.5,14.5L9.5,9.5M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11Z";
+      }
+      if (browser.includes("edge") || browser.includes("edg")) {
+        return "M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.5 5.2,16.7 7.1,18C8,17 9.3,16.5 10.7,16.5C12.1,16.5 13.4,17 14.3,18C16.2,16.7 17.4,14.5 17.4,12C17.4,9.5 16.2,7.3 14.3,6C13.4,7 12.1,7.5 10.7,7.5C9.3,7.5 8,7 7.1,6C5.2,7.3 4,9.5 4,12M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10Z";
+      }
+      if (browser.includes("opera")) {
+        return "M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C7.92,4 4.55,7.05 4.07,11H8.92C9.45,8.7 10.6,7 12,7C13.4,7 14.55,8.7 15.08,11H19.93C19.45,7.05 16.08,4 12,4M4.07,13C4.55,16.95 7.92,20 12,20C16.08,20 19.45,16.95 19.93,13H15.08C14.55,15.3 13.4,17 12,17C10.6,17 9.45,15.3 8.92,13H4.07Z";
+      }
+      if (platform.includes("tablet") || platform.includes("ipad")) {
+        return "M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4Z";
+      }
+      return "M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z";
+    };
+    const hasFullName = vue.computed(() => {
+      return !!(user.value?.firstName && user.value?.lastName);
+    });
+    vue.onMounted(() => document.addEventListener("click", closeMenu));
+    vue.onUnmounted(() => document.removeEventListener("click", closeMenu));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Notification, {
+          show: notification.value.show,
+          message: notification.value.message,
+          type: notification.value.type
+        }, null, 8, ["show", "message", "type"]),
+        vue.unref(user) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          vue.createElementVNode("button", {
+            class: "atm-profile-button",
+            onClick: toggleMenu,
+            ref_key: "buttonRef",
+            ref: buttonRef
+          }, [
+            vue.createElementVNode("div", {
+              class: "atm-profile-avatar",
+              style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
+            }, [
+              vue.unref(user)?.profileImage ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                src: vue.unref(user).profileImage,
+                alt: "Profile",
+                class: "atm-profile-avatar-img"
+              }, null, 8, _hoisted_2)) : hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(userInitials.value), 1)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, [..._cache[7] || (_cache[7] = [
+                vue.createElementVNode("path", {
+                  fill: "currentColor",
+                  d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
+                }, null, -1)
+              ])]))
+            ], 4),
+            hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(vue.unref(user).firstName), 1)) : vue.createCommentVNode("", true),
+            (vue.openBlock(), vue.createElementBlock("svg", {
+              class: vue.normalizeClass(["atm-profile-arrow", { "atm-rotate": isDropdownOpen.value }]),
+              viewBox: "0 0 24 24"
+            }, [..._cache[8] || (_cache[8] = [
+              vue.createElementVNode("path", {
+                fill: "currentColor",
+                d: "M7,10L12,15L17,10H7Z"
+              }, null, -1)
+            ])], 2))
+          ], 512),
+          vue.createVNode(vue.Transition, { name: "atm-fade" }, {
+            default: vue.withCtx(() => [
+              isDropdownOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                vue.createElementVNode("div", _hoisted_7, [
+                  vue.createElementVNode("div", {
+                    class: "atm-profile-avatar large",
+                    style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
+                  }, [
+                    vue.unref(user)?.profileImage ? (vue.openBlock(), vue.createElementBlock("img", {
+                      key: 0,
+                      src: vue.unref(user).profileImage,
+                      alt: "Profile",
+                      class: "atm-profile-avatar-img"
+                    }, null, 8, _hoisted_8)) : hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, vue.toDisplayString(userInitials.value), 1)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_10, [..._cache[9] || (_cache[9] = [
+                      vue.createElementVNode("path", {
+                        fill: "currentColor",
+                        d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
+                      }, null, -1)
+                    ])]))
+                  ], 4),
+                  vue.createElementVNode("div", _hoisted_11, [
+                    hasFullName.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, vue.toDisplayString(vue.unref(user).firstName) + " " + vue.toDisplayString(vue.unref(user).lastName), 1)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_13, "Usuário")),
+                    vue.createElementVNode("p", _hoisted_14, vue.toDisplayString(vue.unref(user).primaryEmailAddress), 1)
+                  ])
+                ]),
+                vue.createElementVNode("div", { class: "atm-profile-options" }, [
+                  vue.createElementVNode("button", {
+                    class: "atm-profile-option",
+                    onClick: openProfileModal,
+                    type: "button"
+                  }, [..._cache[10] || (_cache[10] = [
+                    vue.createElementVNode("svg", {
+                      viewBox: "0 0 24 24",
+                      class: "atm-profile-icon"
+                    }, [
+                      vue.createElementVNode("path", {
+                        fill: "currentColor",
+                        d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
+                      })
+                    ], -1),
+                    vue.createTextVNode(" Meu Perfil ", -1)
+                  ])]),
+                  vue.createElementVNode("button", {
+                    class: "atm-profile-option",
+                    onClick: logoutUser,
+                    type: "button"
+                  }, [..._cache[11] || (_cache[11] = [
+                    vue.createElementVNode("svg", {
+                      viewBox: "0 0 24 24",
+                      class: "atm-profile-icon"
+                    }, [
+                      vue.createElementVNode("path", {
+                        fill: "currentColor",
+                        d: "M16,17V14H9V10H16V7L21,12L16,17M14,2A2,2 0 0,1 16,4V6H14V4H5V20H14V18H16V20A2,2 0 0,1 14,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2H14Z"
+                      })
+                    ], -1),
+                    vue.createTextVNode(" Sair ", -1)
+                  ])])
+                ])
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          isProfileModalOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+            vue.createElementVNode("div", {
+              class: "atm-profile-overlay",
+              onClick: closeProfileModal
+            }),
+            vue.createElementVNode("div", _hoisted_16, [
+              vue.createElementVNode("div", { class: "atm-profile-header" }, [
+                vue.createElementVNode("button", {
+                  onClick: closeProfileModal,
+                  class: "atm-profile-close",
+                  "aria-label": "Fechar"
+                }, "×"),
+                _cache[12] || (_cache[12] = vue.createElementVNode("h2", {
+                  id: "profile-modal-title",
+                  class: "atm-profile-title"
+                }, "Meu Perfil", -1))
+              ]),
+              vue.createElementVNode("div", _hoisted_17, [
+                vue.createElementVNode("button", {
+                  onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "geral"),
+                  class: vue.normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "geral" }])
+                }, [..._cache[13] || (_cache[13] = [
+                  vue.createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    vue.createElementVNode("path", {
+                      fill: "currentColor",
+                      d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
+                    })
+                  ], -1),
+                  vue.createTextVNode(" Geral ", -1)
+                ])], 2),
+                vue.createElementVNode("button", {
+                  onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "emails"),
+                  class: vue.normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "emails" }])
+                }, [..._cache[14] || (_cache[14] = [
+                  vue.createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    vue.createElementVNode("path", {
+                      fill: "currentColor",
+                      d: "M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"
+                    })
+                  ], -1),
+                  vue.createTextVNode(" Emails ", -1)
+                ])], 2),
+                vue.createElementVNode("button", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "senha"),
+                  class: vue.normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "senha" }])
+                }, [..._cache[15] || (_cache[15] = [
+                  vue.createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    vue.createElementVNode("path", {
+                      fill: "currentColor",
+                      d: "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"
+                    })
+                  ], -1),
+                  vue.createTextVNode(" Senha ", -1)
+                ])], 2),
+                vue.createElementVNode("button", {
+                  onClick: _cache[3] || (_cache[3] = ($event) => activeTab.value = "sessoes"),
+                  class: vue.normalizeClass(["atm-tab", { "atm-tab-active": activeTab.value === "sessoes" }])
+                }, [..._cache[16] || (_cache[16] = [
+                  vue.createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    class: "atm-tab-icon"
+                  }, [
+                    vue.createElementVNode("path", {
+                      fill: "currentColor",
+                      d: "M4,6H20V16H4M20,18A2,2 0 0,0 22,16V6C22,4.89 21.1,4 20,4H4C2.89,4 2,4.89 2,6V16A2,2 0 0,0 4,18H0V20H24V18H20Z"
+                    })
+                  ], -1),
+                  vue.createTextVNode(" Sessões ", -1)
+                ])], 2)
+              ]),
+              activeTab.value === "geral" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
+                vue.createElementVNode("div", {
+                  class: "atm-profile-avatar-large",
+                  style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
+                }, [
+                  vue.unref(user)?.profileImage ? (vue.openBlock(), vue.createElementBlock("img", {
+                    key: 0,
+                    src: vue.unref(user).profileImage,
+                    alt: "Profile",
+                    class: "atm-profile-avatar-img"
+                  }, null, 8, _hoisted_19)) : hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_20, vue.toDisplayString(userInitials.value), 1)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_21, [..._cache[17] || (_cache[17] = [
+                    vue.createElementVNode("path", {
+                      fill: "currentColor",
+                      d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
+                    }, null, -1)
+                  ])]))
+                ], 4),
+                !isEditingProfile.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
+                  vue.createElementVNode("div", _hoisted_23, [
+                    _cache[18] || (_cache[18] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Nome", -1)),
+                    hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_24, vue.toDisplayString(profileForm.value.firstName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_25, "Não informado"))
+                  ]),
+                  vue.createElementVNode("div", _hoisted_26, [
+                    _cache[19] || (_cache[19] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Sobrenome", -1)),
+                    hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27, vue.toDisplayString(profileForm.value.lastName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_28, "Não informado"))
+                  ]),
+                  vue.createElementVNode("div", _hoisted_29, [
+                    _cache[20] || (_cache[20] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Email Principal", -1)),
+                    vue.createElementVNode("span", _hoisted_30, vue.toDisplayString(profileForm.value.primaryEmailAddress), 1)
+                  ]),
+                  vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
+                    vue.createElementVNode("button", {
+                      class: "atm-edit-profile-btn",
+                      onClick: startEditing,
+                      type: "button"
+                    }, [..._cache[21] || (_cache[21] = [
+                      vue.createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        vue.createElementVNode("path", {
+                          fill: "currentColor",
+                          d: "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"
+                        })
+                      ], -1),
+                      vue.createTextVNode(" Editar Perfil ", -1)
+                    ])])
+                  ])
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_31, [
+                  vue.createElementVNode("div", _hoisted_32, [
+                    _cache[22] || (_cache[22] = vue.createElementVNode("label", { class: "atm-input-label" }, "Nome", -1)),
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      type: "text",
+                      class: "atm-input-field",
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => profileForm.value.firstName = $event),
+                      placeholder: "Digite seu nome"
+                    }, null, 512), [
+                      [vue.vModelText, profileForm.value.firstName]
+                    ])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_33, [
+                    _cache[23] || (_cache[23] = vue.createElementVNode("label", { class: "atm-input-label" }, "Sobrenome", -1)),
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      type: "text",
+                      class: "atm-input-field",
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => profileForm.value.lastName = $event),
+                      placeholder: "Digite seu sobrenome"
+                    }, null, 512), [
+                      [vue.vModelText, profileForm.value.lastName]
+                    ])
+                  ]),
+                  vue.createElementVNode("div", { class: "atm-form-actions" }, [
+                    vue.createElementVNode("button", {
+                      class: "atm-save-btn",
+                      onClick: updateProfile,
+                      type: "button"
+                    }, [..._cache[24] || (_cache[24] = [
+                      vue.createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        vue.createElementVNode("path", {
+                          fill: "currentColor",
+                          d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+                        })
+                      ], -1),
+                      vue.createTextVNode(" Salvar ", -1)
+                    ])]),
+                    vue.createElementVNode("button", {
+                      class: "atm-cancel-btn",
+                      onClick: cancelEditing,
+                      type: "button"
+                    }, [..._cache[25] || (_cache[25] = [
+                      vue.createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        vue.createElementVNode("path", {
+                          fill: "currentColor",
+                          d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
+                        })
+                      ], -1),
+                      vue.createTextVNode(" Cancelar ", -1)
+                    ])])
+                  ])
+                ]))
+              ])) : vue.createCommentVNode("", true),
+              activeTab.value === "emails" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_34, [
+                vue.createElementVNode("div", _hoisted_35, [
+                  vue.createElementVNode("div", _hoisted_36, [
+                    _cache[27] || (_cache[27] = vue.createElementVNode("label", { class: "atm-input-label" }, "Adicionar novo email", -1)),
+                    vue.createElementVNode("div", _hoisted_37, [
+                      vue.withDirectives(vue.createElementVNode("input", {
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => newEmail.value = $event),
+                        type: "email",
+                        class: "atm-input-field",
+                        placeholder: "novo@email.com"
+                      }, null, 512), [
+                        [vue.vModelText, newEmail.value]
+                      ]),
+                      vue.createElementVNode("button", {
+                        onClick: createEmailAddress,
+                        class: "atm-add-email-btn",
+                        type: "button"
+                      }, [..._cache[26] || (_cache[26] = [
+                        vue.createElementVNode("svg", {
+                          viewBox: "0 0 24 24",
+                          class: "atm-btn-icon"
+                        }, [
+                          vue.createElementVNode("path", {
+                            fill: "currentColor",
+                            d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"
+                          })
+                        ], -1)
+                      ])])
+                    ])
+                  ])
+                ]),
+                vue.createElementVNode("div", _hoisted_38, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(emailAddresses.value, (email) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: email.id,
+                      class: "atm-email-item"
+                    }, [
+                      vue.createElementVNode("div", _hoisted_39, [
+                        vue.createElementVNode("div", _hoisted_40, [
+                          _cache[28] || (_cache[28] = vue.createElementVNode("svg", {
+                            viewBox: "0 0 24 24",
+                            class: "atm-email-icon"
+                          }, [
+                            vue.createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"
+                            })
+                          ], -1)),
+                          vue.createElementVNode("span", null, vue.toDisplayString(email.email_address), 1)
+                        ]),
+                        vue.createElementVNode("div", _hoisted_41, [
+                          email.primary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_42, "Principal")) : vue.createCommentVNode("", true),
+                          email.verified ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_43, [..._cache[29] || (_cache[29] = [
+                            vue.createElementVNode("svg", {
+                              viewBox: "0 0 24 24",
+                              class: "atm-badge-icon"
+                            }, [
+                              vue.createElementVNode("path", {
+                                fill: "currentColor",
+                                d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+                              })
+                            ], -1),
+                            vue.createTextVNode(" Verificado ", -1)
+                          ])])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_44, [..._cache[30] || (_cache[30] = [
+                            vue.createElementVNode("svg", {
+                              viewBox: "0 0 24 24",
+                              class: "atm-badge-icon"
+                            }, [
+                              vue.createElementVNode("path", {
+                                fill: "currentColor",
+                                d: "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
+                              })
+                            ], -1),
+                            vue.createTextVNode(" Não verificado ", -1)
+                          ])]))
+                        ])
+                      ]),
+                      vue.createElementVNode("div", _hoisted_45, [
+                        !email.verified ? (vue.openBlock(), vue.createElementBlock("button", {
+                          key: 0,
+                          onClick: ($event) => requestEmailVerification(email.id),
+                          class: "atm-verify-btn",
+                          type: "button"
+                        }, [..._cache[31] || (_cache[31] = [
+                          vue.createElementVNode("svg", {
+                            viewBox: "0 0 24 24",
+                            class: "atm-btn-icon"
+                          }, [
+                            vue.createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z"
+                            })
+                          ], -1),
+                          vue.createTextVNode(" Verificar ", -1)
+                        ])], 8, _hoisted_46)) : vue.createCommentVNode("", true),
+                        !email.primary ? (vue.openBlock(), vue.createElementBlock("button", {
+                          key: 1,
+                          onClick: ($event) => deleteEmailAddress(email.id),
+                          class: "atm-delete-btn",
+                          type: "button"
+                        }, [..._cache[32] || (_cache[32] = [
+                          vue.createElementVNode("svg", {
+                            viewBox: "0 0 24 24",
+                            class: "atm-btn-icon"
+                          }, [
+                            vue.createElementVNode("path", {
+                              fill: "currentColor",
+                              d: "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"
+                            })
+                          ], -1),
+                          vue.createTextVNode(" Remover ", -1)
+                        ])], 8, _hoisted_47)) : vue.createCommentVNode("", true)
+                      ])
+                    ]);
+                  }), 128))
+                ])
+              ])) : vue.createCommentVNode("", true),
+              activeTab.value === "senha" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_48, [
+                vue.createElementVNode("div", { class: "atm-password-section" }, [
+                  _cache[34] || (_cache[34] = vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
+                    vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Redefinir Senha"),
+                    vue.createElementVNode("span", { class: "atm-profile-info-value" }, " Enviaremos um link para redefinir sua senha no email principal ")
+                  ], -1)),
+                  vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
+                    vue.createElementVNode("button", {
+                      class: "atm-reset-password-btn",
+                      onClick: sendResetPasswordLink,
+                      type: "button"
+                    }, [..._cache[33] || (_cache[33] = [
+                      vue.createElementVNode("svg", {
+                        viewBox: "0 0 24 24",
+                        class: "atm-btn-icon"
+                      }, [
+                        vue.createElementVNode("path", {
+                          fill: "currentColor",
+                          d: "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"
+                        })
+                      ], -1),
+                      vue.createTextVNode(" Resetar Senha ", -1)
+                    ])])
+                  ])
+                ])
+              ])) : vue.createCommentVNode("", true),
+              activeTab.value === "sessoes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_49, [
+                vue.createElementVNode("div", _hoisted_50, [
+                  _cache[38] || (_cache[38] = vue.createElementVNode("div", { class: "atm-sessions-info" }, [
+                    vue.createElementVNode("p", { class: "atm-sessions-description" }, " Gerencie os dispositivos conectados à sua conta. Você pode encerrar sessões em dispositivos que não reconhece. ")
+                  ], -1)),
+                  vue.createElementVNode("div", _hoisted_51, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sessions.value, (session) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: session.id,
+                        class: "atm-session-item"
+                      }, [
+                        vue.createElementVNode("div", _hoisted_52, [
+                          vue.createElementVNode("div", _hoisted_53, [
+                            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_54, [
+                              vue.createElementVNode("path", {
+                                fill: "currentColor",
+                                d: getDeviceIcon(session.device)
+                              }, null, 8, _hoisted_55)
+                            ])),
+                            vue.createElementVNode("div", _hoisted_56, [
+                              vue.createElementVNode("div", _hoisted_57, [
+                                vue.createElementVNode("span", null, vue.toDisplayString(session.ip_address), 1),
+                                session.current === 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_58, "Atual")) : vue.createCommentVNode("", true)
+                              ]),
+                              session.device.browser || session.device.platform ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_59, [
+                                session.device.browser ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, vue.toDisplayString(session.device.browser) + vue.toDisplayString(session.device.browser_version ? ` ${session.device.browser_version}` : ""), 1)) : vue.createCommentVNode("", true),
+                                session.device.browser && session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_61, " • ")) : vue.createCommentVNode("", true),
+                                session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_62, vue.toDisplayString(session.device.platform), 1)) : vue.createCommentVNode("", true)
+                              ])) : vue.createCommentVNode("", true),
+                              vue.createElementVNode("div", _hoisted_63, [
+                                vue.createElementVNode("div", _hoisted_64, [
+                                  _cache[35] || (_cache[35] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Iniciada:", -1)),
+                                  vue.createElementVNode("span", null, vue.toDisplayString(formatDate(session.started_at)), 1)
+                                ]),
+                                vue.createElementVNode("div", _hoisted_65, [
+                                  _cache[36] || (_cache[36] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Última atividade:", -1)),
+                                  vue.createElementVNode("span", null, vue.toDisplayString(formatDate(session.last_activity_at)), 1)
+                                ])
+                              ])
+                            ])
+                          ])
+                        ]),
+                        vue.createElementVNode("div", _hoisted_66, [
+                          session.current !== 1 ? (vue.openBlock(), vue.createElementBlock("button", {
+                            key: 0,
+                            onClick: ($event) => closeSessionById(session.id),
+                            class: "atm-close-session-btn",
+                            type: "button"
+                          }, [..._cache[37] || (_cache[37] = [
+                            vue.createElementVNode("svg", {
+                              viewBox: "0 0 24 24",
+                              class: "atm-btn-icon"
+                            }, [
+                              vue.createElementVNode("path", {
+                                fill: "currentColor",
+                                d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
+                              })
+                            ], -1),
+                            vue.createTextVNode(" Encerrar ", -1)
+                          ])], 8, _hoisted_67)) : vue.createCommentVNode("", true)
+                        ])
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ])) : vue.createCommentVNode("", true)
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 1,
+  class: "atm-auth-buttons"
+};
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "AuthSwitcher",
+  setup(__props) {
+    const { user } = useAuth();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.unref(user)?.id ? (vue.openBlock(), vue.createBlock(_sfc_main$4, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+          vue.createVNode(SignInButton),
+          vue.createVNode(SignUpButton)
+        ]))
+      ]);
+    };
+  }
+});
+const AuthSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0c63ecb8"]]);
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignOutButton",
+  setup(__props) {
+    vue.useCssVars((_ctx) => ({
+      "v2ec0f896": atmPrimaryColor.value
+    }));
+    const { logout, user } = useAuth();
+    const { configurations } = useAtm();
+    const atmPrimaryColor = vue.computed(() => configurations.value?.design?.primaryColor);
+    return (_ctx, _cache) => {
+      return vue.unref(user) ? (vue.openBlock(), vue.createElementBlock("button", {
+        key: 0,
+        onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(logout)()),
+        class: "atm-logout-btn"
+      }, " Sair ")) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const SignOutButton = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7157f989"]]);
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignedIn",
+  setup(__props) {
+    const { isSignedIn } = useAtm();
+    return (_ctx, _cache) => {
+      return vue.unref(isSignedIn) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "SignedOut",
+  setup(__props) {
+    const { isLoaded, isSignedIn } = useAtm();
+    return (_ctx, _cache) => {
+      return vue.unref(isLoaded) && !vue.unref(isSignedIn) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const fetchConfigurations = async (client, configurations) => {
+  const response = await client.value.project().configurations();
+  configurations.value = {
+    project: {
+      name: response.project.name,
+      domain: response.project.domain
+    },
+    design: {
+      primaryColor: response.design.primary_color,
+      secondaryColor: response.design.secondary_color
+    },
+    username: {
+      enable: response.username.enable,
+      length: {
+        min: response.username.length.min,
+        max: response.username.length.max
+      }
+    },
+    password: {
+      enable: response.password.enable
+    },
+    firstName: {
+      required: response.first_name.required
+    },
+    lastName: {
+      required: response.last_name.required
+    },
+    register: {
+      enable: response.register.enable
+    }
+  };
+};
+const atmPlugin = {
+  install(app, pluginOptions) {
+    const atmClient = new clientJs.AtmClient({
+      domain: pluginOptions.domain,
+      publicKey: pluginOptions.publicKey,
+      ssl: false
+    });
+    const client = vue.ref(atmClient);
+    const user = vue.ref(null);
+    const configurations = vue.ref(null);
+    const isSignedIn = vue.computed(() => user.value !== void 0 && user.value !== null);
+    const isLoaded = vue.ref(false);
+    Promise.all([
+      fetchUser(client, user),
+      fetchConfigurations(client, configurations)
+    ]).then(() => isLoaded.value = true);
+    app.provide("atm", {
+      client,
+      user,
+      configurations,
+      isSignedIn,
+      isLoaded
+    });
+  }
+};
+exports.AuthSwitcher = AuthSwitcher;
+exports.SignInButton = SignInButton;
+exports.SignOutButton = SignOutButton;
+exports.SignUpButton = SignUpButton;
+exports.SignedIn = _sfc_main$1;
+exports.SignedOut = _sfc_main;
+exports.UserProfile = _sfc_main$4;
+exports.atmPlugin = atmPlugin;
+exports.getDeviceToken = getDeviceToken;
+exports.useAtm = useAtm;
+exports.useAtmClient = useAtmClient;
+exports.useAuth = useAuth;
+//# sourceMappingURL=index.cjs.map