@autenticar-me/vue 0.1.0

package/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run build:*)"
+    ]
+  }
+}

package/README.md

@@ -0,0 +1,68 @@
+# @autenticar-me/vue
+
+Pacote Vue para integração com a plataforma Autenticar.me.
+
+## Sobre
+
+Este pacote fornece componentes, composables e utilitários para facilitar a implementação de autenticação e gerenciamento de usuários em aplicações Vue utilizando a Autenticar.me.
+
+## Instalação
+
+```bash
+npm install @autenticar-me/vue
+```
+
+## Uso Básico
+
+### Configuração do Plugin
+
+```javascript
+import { createApp } from 'vue'
+import { atmPlugin } from '@autenticar-me/vue'
+import App from './App.vue'
+
+const app = createApp(App)
+
+app.use(atmPlugin, {
+  domain: 'seu-dominio.autenticar.me',
+  publicKey: 'sua-chave-publica'
+})
+
+app.mount('#app')
+```
+
+### Composables Disponíveis
+
+- `useAtm()` - Acesso ao contexto completo da Autenticar.me
+- `useAtmClient()` - Cliente da API
+- `useAuth()` - Gerenciamento de autenticação
+
+### Componentes Disponíveis
+
+#### Botões
+- `SignInButton` - Botão de login
+- `SignOutButton` - Botão de logout
+- `SignUpButton` - Botão de cadastro
+
+#### Layouts
+- `SignedIn` - Wrapper para conteúdo visível apenas para usuários autenticados
+- `SignedOut` - Wrapper para conteúdo visível apenas para usuários não autenticados
+
+#### Outros
+- `AuthSwitcher` - Alterna entre estados autenticado/não autenticado
+- `SignIn` - Formulário de login completo
+- `SignUp` - Formulário de cadastro completo
+- `UserProfile` - Perfil do usuário
+- `Notification` - Sistema de notificações
+
+## Tipos
+
+O pacote exporta tipos TypeScript para:
+- `User` - Tipo do usuário
+- `Session` - Tipo da sessão
+- `Configurations` - Configurações da plataforma
+- `UserAttribute` - Atributos do usuário
+
+## Licença
+
+MIT

package/dist/components/AuthSwitcher.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/AuthSwitcher.vue.js

@@ -0,0 +1,76 @@
+"use strict";
+/// <reference types="../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+const useAuth_1 = require("../composables/useAuth");
+const SignInButton_vue_1 = __importDefault(require("./Buttons/SignInButton.vue"));
+const SignUpButton_vue_1 = __importDefault(require("./Buttons/SignUpButton.vue"));
+const UserProfile_vue_1 = __importDefault(require("./UserProfile.vue"));
+const { user } = (0, useAuth_1.useAuth)();
+const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['atm-auth-buttons']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-auth-buttons']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-auth-buttons']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
+if ((_a = __VLS_ctx.user) === null || _a === void 0 ? void 0 : _a.id) {
+    const __VLS_0 = UserProfile_vue_1.default;
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({}));
+    const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+}
+else {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)(Object.assign({ class: "atm-auth-buttons" }));
+    /** @type {__VLS_StyleScopedClasses['atm-auth-buttons']} */ ;
+    const __VLS_5 = SignInButton_vue_1.default;
+    // @ts-ignore
+    const __VLS_6 = __VLS_asFunctionalComponent1(__VLS_5, new __VLS_5({}));
+    const __VLS_7 = __VLS_6({}, ...__VLS_functionalComponentArgsRest(__VLS_6));
+    const __VLS_10 = SignUpButton_vue_1.default;
+    // @ts-ignore
+    const __VLS_11 = __VLS_asFunctionalComponent1(__VLS_10, new __VLS_10({}));
+    const __VLS_12 = __VLS_11({}, ...__VLS_functionalComponentArgsRest(__VLS_11));
+}
+// @ts-ignore
+[user,];
+const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
+exports.default = {};

package/dist/components/Buttons/SignInButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Buttons/SignInButton.vue.js

@@ -0,0 +1,110 @@
+"use strict";
+/// <reference types="../../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const SignInModal_vue_1 = __importDefault(require("../Modals/SignInModal.vue"));
+const Notification_vue_1 = __importDefault(require("../Notification.vue"));
+const useAtm_1 = require("../../composables/useAtm");
+const showSignInModal = (0, vue_1.ref)(false);
+const { configurations } = (0, useAtm_1.useAtm)();
+const atmPrimaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.primaryColor; });
+const notification = (0, vue_1.ref)({
+    show: false,
+    message: '',
+    type: 'error'
+});
+const showNotification = (message, type = 'error') => {
+    notification.value = {
+        show: true,
+        message,
+        type
+    };
+    setTimeout(() => {
+        notification.value.show = false;
+    }, 3000);
+};
+(0, vue_1.provide)('showNotification', showNotification);
+const signIn = () => {
+    showSignInModal.value = true;
+};
+const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['atm-signin-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-signin-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-signin-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-signin-btn']} */ ;
+(__VLS_ctx.atmPrimaryColor);
+// @ts-ignore
+[atmPrimaryColor,];
+const __VLS_0 = Notification_vue_1.default;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+    show: (__VLS_ctx.notification.show),
+    message: (__VLS_ctx.notification.message),
+    type: (__VLS_ctx.notification.type),
+}));
+const __VLS_2 = __VLS_1({
+    show: (__VLS_ctx.notification.show),
+    message: (__VLS_ctx.notification.message),
+    type: (__VLS_ctx.notification.type),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+if (__VLS_ctx.showSignInModal) {
+    const __VLS_5 = SignInModal_vue_1.default;
+    // @ts-ignore
+    const __VLS_6 = __VLS_asFunctionalComponent1(__VLS_5, new __VLS_5(Object.assign({ 'onClose': {} })));
+    const __VLS_7 = __VLS_6(Object.assign({ 'onClose': {} }), ...__VLS_functionalComponentArgsRest(__VLS_6));
+    let __VLS_10;
+    const __VLS_11 = ({ close: {} },
+        { onClose: (() => __VLS_ctx.showSignInModal = false) });
+    var __VLS_8;
+    var __VLS_9;
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
+        __VLS_ctx.signIn();
+        // @ts-ignore
+        [notification, notification, notification, showSignInModal, showSignInModal, signIn,];
+    } }, { class: "atm-signin-btn" }));
+/** @type {__VLS_StyleScopedClasses['atm-signin-btn']} */ ;
+// @ts-ignore
+[];
+const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
+exports.default = {};

package/dist/components/Buttons/SignOutButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Buttons/SignOutButton.vue.js

@@ -0,0 +1,68 @@
+"use strict";
+/// <reference types="../../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const useAuth_1 = require("../../composables/useAuth");
+const useAtm_1 = require("../../composables/useAtm");
+const vue_1 = require("vue");
+const { logout, user } = (0, useAuth_1.useAuth)();
+const { configurations } = (0, useAtm_1.useAtm)();
+const atmPrimaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.primaryColor; });
+const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['atm-logout-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-logout-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-logout-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-logout-btn']} */ ;
+(__VLS_ctx.atmPrimaryColor);
+// @ts-ignore
+[atmPrimaryColor,];
+if (__VLS_ctx.user) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
+            if (!(__VLS_ctx.user))
+                return;
+            __VLS_ctx.logout();
+            // @ts-ignore
+            [user, logout,];
+        } }, { class: "atm-logout-btn" }));
+    /** @type {__VLS_StyleScopedClasses['atm-logout-btn']} */ ;
+}
+// @ts-ignore
+[];
+const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
+exports.default = {};

package/dist/components/Buttons/SignUpButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Buttons/SignUpButton.vue.js

@@ -0,0 +1,86 @@
+"use strict";
+/// <reference types="../../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const SignUpModal_vue_1 = __importDefault(require("../Modals/SignUpModal.vue"));
+const useAtm_1 = require("../../composables/useAtm");
+const showSignUpModal = (0, vue_1.ref)(false);
+const { configurations } = (0, useAtm_1.useAtm)();
+const atmPrimaryColor = (0, vue_1.computed)(() => { var _a, _b; return (_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.design) === null || _b === void 0 ? void 0 : _b.primaryColor; });
+const isRegistrationAllowed = (0, vue_1.computed)(() => { var _a, _b; return ((_b = (_a = configurations.value) === null || _a === void 0 ? void 0 : _a.register) === null || _b === void 0 ? void 0 : _b.enable) !== false; });
+const signUp = () => {
+    showSignUpModal.value = true;
+};
+const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['atm-signup-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-signup-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-signup-btn']} */ ;
+/** @type {__VLS_StyleScopedClasses['atm-signup-btn']} */ ;
+(__VLS_ctx.atmPrimaryColor);
+// @ts-ignore
+[atmPrimaryColor,];
+if (__VLS_ctx.showSignUpModal) {
+    const __VLS_0 = SignUpModal_vue_1.default;
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0(Object.assign({ 'onClose': {} })));
+    const __VLS_2 = __VLS_1(Object.assign({ 'onClose': {} }), ...__VLS_functionalComponentArgsRest(__VLS_1));
+    let __VLS_5;
+    const __VLS_6 = ({ close: {} },
+        { onClose: (() => __VLS_ctx.showSignUpModal = false) });
+    var __VLS_3;
+    var __VLS_4;
+}
+if (__VLS_ctx.isRegistrationAllowed) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.button, __VLS_intrinsics.button)(Object.assign({ onClick: (...[$event]) => {
+            if (!(__VLS_ctx.isRegistrationAllowed))
+                return;
+            __VLS_ctx.signUp();
+            // @ts-ignore
+            [showSignUpModal, showSignUpModal, isRegistrationAllowed, signUp,];
+        } }, { class: "atm-signup-btn" }));
+    /** @type {__VLS_StyleScopedClasses['atm-signup-btn']} */ ;
+}
+// @ts-ignore
+[];
+const __VLS_export = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
+exports.default = {};

package/dist/components/Layout/SignedIn.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Layout/SignedIn.vue.js

@@ -0,0 +1,54 @@
+"use strict";
+/// <reference types="../../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const useAtm_1 = require("../../composables/useAtm");
+const { isSignedIn } = (0, useAtm_1.useAtm)();
+const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+if (__VLS_ctx.isSignedIn) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
+    var __VLS_0 = {};
+}
+// @ts-ignore
+var __VLS_1 = __VLS_0;
+// @ts-ignore
+[isSignedIn,];
+const __VLS_base = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
+const __VLS_export = {};
+exports.default = {};

package/dist/components/Layout/SignedOut.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Layout/SignedOut.vue.js

@@ -0,0 +1,54 @@
+"use strict";
+/// <reference types="../../../node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../node_modules/@vue/language-core/types/props-fallback.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const useAtm_1 = require("../../composables/useAtm");
+const { isLoaded, isSignedIn } = (0, useAtm_1.useAtm)();
+const __VLS_ctx = Object.assign(Object.assign({}, {}), {});
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+if (__VLS_ctx.isLoaded && !__VLS_ctx.isSignedIn) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({});
+    var __VLS_0 = {};
+}
+// @ts-ignore
+var __VLS_1 = __VLS_0;
+// @ts-ignore
+[isLoaded, isSignedIn,];
+const __VLS_base = (await Promise.resolve().then(() => __importStar(require('vue')))).defineComponent({});
+const __VLS_export = {};
+exports.default = {};

package/dist/components/Modals/Modal.vue.d.ts

@@ -0,0 +1,42 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    maxWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};