@devix-tecnologia/timeline-vue 3.1.0 → 3.2.1

package/README.md

@@ -1,35 +1,32 @@
 ![TimelineDevix](https://github.com/devix-tecnologia/timeline-vue/blob/044648477f0b124c6968d4e84de6781d7633b984/docs/timeline_topo.png)
 
-
-
 # Timeline de Eventos DEVIX
 
-Este é um projeto implementando uma linha do tempo de eventos utilizando Vue 3 e Typescript. Utiliza o Storybook para o desenvolvimento dos componentes seguindo o Design Atômico. 
+Este é disponibiza componentes de linha do tempo de eventos utilizando Vue 3 e Typescript. Utiliza o Storybook para o desenvolvimento dos componentes seguindo o Design Atômico.
 
 <div align="center">
 <img src="https://github.com/devix-tecnologia/timeline-vue/blob/91c3b94c6167ca02364507d58dc59bb804b3b51f/docs/timeline01.gif" width="300px"/>
 </div>
 
-
 ## 🛠 Como usar
+
 ---
 
 ### Instalação
-  
 
 ```sh
 yarn add @devix-tecnologia/timeline-vue
 ```
 
 ### Exemplo de código
-  
+
 ```ts
 //exemplo.vue
 
 <template>
   <main>
     <div class="telaTimeline">
-      <Timeline 
+      <Timeline
       :perfilTimeline="perfilTimeline" :eventosTimeline="listaEventos"
       @eventoClick="emitirEventoClick"
     />
@@ -50,7 +47,7 @@ export default defineComponent({
     };
     const perfilTimeline = {
       nome: 'Maria do Socorro',
-      imagem: 'https://this-person-does-not-exist.com/img/avatar-gen11071f8e0802a35d66684ee9376722b2.jpg',
+      imagem: 'https://images.unsplash.com/photo-1526080652727-5b77f74eacd2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1752&q=80',
       icone: 'person'
     }
     const listaEventos = [
@@ -96,7 +93,6 @@ export default defineComponent({
 </style>
 ```
 
-
 ### ✨ Customização de estilos
 
 Para customizar o visual da Timeline de acordo com a identidade visual da aplicação basta adicionar o código a seguir no CSS e alterar de acordo com a necessidade.
@@ -132,45 +128,112 @@ body {
 ```
 
 ### Propriedades:
-  
+
 A Timeline ordena e lista Eventos de forma crescente de acordo com a data/hora cadastrada.
 
 Cada Evento mostra a hora prevista, hora em que o evento foi realizado, título, subtítulo, ícone de categoria, ícone de status, indicação de criticidade e campo para informação em destaque.
 
-
 ![TimelineDevixExemploEvento](https://github.com/devix-tecnologia/timeline-vue/blob/044648477f0b124c6968d4e84de6781d7633b984/docs/evento.png)
 
+## 🚀 Contribuindo
 
-## 🚀  Contribuindo
 ---
 
 ### Importante:
+
 - Os componentes da Timeline são divididos em átomos, moléculas e organismos, seguindo os padrões do Design Atômico;
 - Cada componente vem acompanhado de documentação no storybook;
 - A timeline de demonstração utiliza dados mock;
-- Dê uma olhada no arquivo ``` type.ts ``` também, ele é o arquivo de tipos com influência sobre toda a aplicação.
+- Dê uma olhada no arquivo `type.ts` também, ele é o arquivo de tipos com influência sobre toda a aplicação.
 - Para ver o projeto funcionando no Storybook basta rodar:
 
-```sh 
-yarn storybook 
+```sh
+yarn storybook
+```
+
+### Executando com npm / yarn / pnpm
+
+Se preferir outro gerenciador de pacotes, aqui estão exemplos equivalentes:
+
+- Instalar dependências
+
+```sh
+# npm
+npm install
+
+# yarn
+yarn install
+
+# pnpm
+pnpm install
+```
+
+- Rodar Storybook (modo dev)
+
+```sh
+# npm
+npm run storybook
+
+# yarn
+yarn storybook
+
+# pnpm
+pnpm storybook
 ```
 
+- Executar Storybook sem instalar dependências locais (útil para checar rápido)
+
+```sh
+# com npx
+npx storybook dev -p 6006
+
+# com pnpm
+pnpm dlx storybook dev -p 6006
+
+# com yarn (se suportado)
+
+```
+
+### Expor o Storybook para outras pessoas
+
+Para permitir acesso pela rede local, inicie o Storybook aceitando conexões externas:
+
+```sh
+# passa argumento extra ao script
+npm run storybook -- --host 0.0.0.0
+# ou
+pnpm storybook -- --host 0.0.0.0
+```
+
+Depois, compartilhe o `http://<sua-ip-local>:6006` com quem você quiser na mesma rede.
+
+Para expor publicamente (internet), use uma ferramenta de túnel como `ngrok` ou `localtunnel`:
+
+```sh
+# instalar ngrok (opcional)
 Faça um fork do projeto, crie uma nova branch e faça seus commits. Seguem passos para bons commits:
+ngrok http 6006
+
+# ou usar localtunnel
+npx localtunnel --port 6006
+```
+
+Essas opções geram um URL público que você pode enviar para outras pessoas.
 
-1) **Criar um Fork:** Acesse o repositório de origem no GitHub e clique em "Fork". Isso criará uma cópia do projeto na sua conta pessoal do GitHub.
-1) **Clonar ou Atualizar o Seu Fork:** Se ainda não clonou o seu fork para a máquina local, faça-o com `git clone [URL_DO_SEU_FORK]`. Se já possui o projeto clonado, certifique-se de que seu fork esteja atualizado em relação ao projeto de origem usando os comandos:
+1. **Criar um Fork:** Acesse o repositório de origem no GitHub e clique em "Fork". Isso criará uma cópia do projeto na sua conta pessoal do GitHub.
+1. **Clonar ou Atualizar o Seu Fork:** Se ainda não clonou o seu fork para a máquina local, faça-o com `git clone [URL_DO_SEU_FORK]`. Se já possui o projeto clonado, certifique-se de que seu fork esteja atualizado em relação ao projeto de origem usando os comandos:
    ```
    git remote add upstream [URL_DO_REPOSITORIO_ORIGEM]
    git fetch upstream
    git merge upstream/branch_de_referencia
    ```
-1) **Atualizar Referências Remotas:** O comando `git remote update` atualiza as referências locais em relação aos repositórios remotos.
-1) **Selecionar o Branch de Partida:** Em geral, utiliza-se o `develop` como branch base, mas verifique sempre no git graph ou em instruções específicas da tarefa qual branch deve ser utilizado.
-1) **Sincronizar Mudanças Remotas:** Antes de iniciar as modificações, é uma boa prática sincronizar o branch local com o remoto usando `git pull origin branch_de_referencia`.
-1) **Criar um Novo Branch:** Ao trabalhar em uma nova funcionalidade ou correção, crie um novo branch com um nome descritivo, como `feature-relatorio-cliente`, usando o comando `git checkout -b nome_do_branch`.
-1) **Fazer Alterações e Commit:** Realize as alterações necessárias no código. Ao terminar, faça um commit seguindo um padrão de mensagens semânticas e imperativas. Lembre-se de criar e/ou executar testes automatizados para garantir que nada foi quebrado.
-1) **Enviar Alterações para o GitHub:** Envie as alterações para o seu fork com o comando `git push origin nome_do_branch`.
-1) **Abrir um Pull Request:** Acesse seu fork no GitHub e clique em "New Pull Request". Escolha os branches de origem e destino corretos e envie sua solicitação. O desenvolvedor ou equipe responsável pelo projeto de origem revisará suas alterações e, se aprovadas, fará o merge no projeto principal.
+1. **Atualizar Referências Remotas:** O comando `git remote update` atualiza as referências locais em relação aos repositórios remotos.
+1. **Selecionar o Branch de Partida:** Em geral, utiliza-se o `develop` como branch base, mas verifique sempre no git graph ou em instruções específicas da tarefa qual branch deve ser utilizado.
+1. **Sincronizar Mudanças Remotas:** Antes de iniciar as modificações, é uma boa prática sincronizar o branch local com o remoto usando `git pull origin branch_de_referencia`.
+1. **Criar um Novo Branch:** Ao trabalhar em uma nova funcionalidade ou correção, crie um novo branch com um nome descritivo, como `feature-relatorio-cliente`, usando o comando `git checkout -b nome_do_branch`.
+1. **Fazer Alterações e Commit:** Realize as alterações necessárias no código. Ao terminar, faça um commit seguindo um padrão de mensagens semânticas e imperativas. Lembre-se de criar e/ou executar testes automatizados para garantir que nada foi quebrado.
+1. **Enviar Alterações para o GitHub:** Envie as alterações para o seu fork com o comando `git push origin nome_do_branch`.
+1. **Abrir um Pull Request:** Acesse seu fork no GitHub e clique em "New Pull Request". Escolha os branches de origem e destino corretos e envie sua solicitação. O desenvolvedor ou equipe responsável pelo projeto de origem revisará suas alterações e, se aprovadas, fará o merge no projeto principal.
 
 ---
 

package/dist/components/timeline/EventoDetalhado.mock.d.ts

@@ -1,5 +1,4 @@
 import { Perfil } from './type';
 import { EventoDetalhado } from './typeDetalhado';
-
 export declare const dadosPerfil: Perfil;
 export declare const dadosEventoDetalhado: EventoDetalhado[];

package/dist/components/timeline/atomos/AvatarTimeline.vue.d.ts

@@ -1,17 +1,16 @@
-
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     imagem: {
         type: StringConstructor;
     };
     icone: {
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     imagem: {
         type: StringConstructor;
     };
     icone: {
         type: StringConstructor;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/Botao.types.d.ts

@@ -0,0 +1,14 @@
+export type Tamanho = 'pequeno' | 'medio' | 'grande';
+export type Aparencia = 'outline' | 'preenchido' | 'vazio';
+export declare const Tamanhos: {
+    readonly PEQUENO: Tamanho;
+    readonly MEDIO: Tamanho;
+    readonly GRANDE: Tamanho;
+};
+export declare const Aparencias: {
+    readonly OUTLINE: Aparencia;
+    readonly PREENCHIDO: Aparencia;
+    readonly VAZIO: Aparencia;
+};
+declare const _default: {};
+export default _default;

package/dist/components/timeline/{moleculas → atomos}/Botao.vue.d.ts

@@ -1,18 +1,6 @@
 import { PropType } from 'vue';
-
-export type Tamanho = 'pequeno' | 'medio' | 'grande';
-export type Aparencia = 'outline' | 'preenchido' | 'vazio';
-export declare const Tamanhos: {
-    PEQUENO: Tamanho;
-    MEDIO: Tamanho;
-    GRANDE: Tamanho;
-};
-export declare const Aparencias: {
-    OUTLINE: Aparencia;
-    PREENCHIDO: Aparencia;
-    VAZIO: Aparencia;
-};
-declare const _default: import('vue').DefineComponent<{
+import { Tamanho, Aparencia } from './Botao.types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     titulo: {
         type: StringConstructor;
         default: string;
@@ -28,13 +16,13 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<Tamanho>;
         default: Tamanho;
     };
-}, {
-    handleClick: (mouseEvent: MouseEvent) => void;
+}>, {
+    handleClick: (_mouseEvent: MouseEvent) => void;
     classes: import('vue').ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (mouseEvent: MouseEvent) => true;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_mouseEvent: MouseEvent) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titulo: {
         type: StringConstructor;
@@ -51,11 +39,11 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<Tamanho>;
         default: Tamanho;
     };
-}>> & {
-    onClick?: ((mouseEvent: MouseEvent) => any) | undefined;
-}, {
-    aparencia: Aparencia;
+}>> & Readonly<{
+    onClick?: ((_mouseEvent: MouseEvent) => any) | undefined;
+}>, {
     titulo: string;
+    aparencia: Aparencia;
     tamanho: Tamanho;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/Destaque.vue.d.ts

@@ -1,10 +1,10 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     texto: {
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     texto: {
         type: StringConstructor;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/Hora.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     hora: {
         required: true;
         type: DateConstructor;
@@ -8,12 +8,12 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator(aparencia: string): boolean;
     };
-}, {
-    horas: import('vue').Ref<Date>;
+}>, {
+    horas: import('vue').Ref<Date, Date>;
     classes: import('vue').ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     hora: {
         required: true;
         type: DateConstructor;
@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator(aparencia: string): boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     aparencia: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/IconeCategoria.vue.d.ts

@@ -1,5 +1,4 @@
-
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     iconeCategoria: {
         type: StringConstructor;
         required: true;
@@ -20,17 +19,17 @@ declare const _default: import('vue').DefineComponent<{
     backgroundColor: {
         type: StringConstructor;
     };
-}, {
+}>, {
     classes: import('vue').ComputedRef<{
         [x: string]: boolean;
-        "bg-escuro": boolean;
-        "bg-claro": boolean;
+        'bg-escuro': boolean;
+        'bg-claro': boolean;
     }>;
     style: import('vue').ComputedRef<{
         borderColor: string | undefined;
         backgroundColor: string | undefined;
     }>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     iconeCategoria: {
         type: StringConstructor;
         required: true;
@@ -51,7 +50,7 @@ declare const _default: import('vue').DefineComponent<{
     backgroundColor: {
         type: StringConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     escuro: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/IconeStatus.vue.d.ts

@@ -1,19 +1,18 @@
 import { PropType } from 'vue';
 import { Status } from '../type';
-
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     status: {
         required: true;
         type: PropType<Status>;
     };
-}, {
+}>, {
     classes: import('vue').ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     status: {
         required: true;
         type: PropType<Status>;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/SubtituloEvento.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     subtitulo: {
         required: true;
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     subtitulo: {
         required: true;
         type: StringConstructor;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/TituloEvento.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     titulo: {
         required: true;
         type: StringConstructor;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titulo: {
         required: true;
         type: StringConstructor;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/atomos/box-data/BoxData.types.d.ts

@@ -0,0 +1,6 @@
+export declare const Aparencias: {
+    readonly PADRAO: "padrao";
+    readonly ESCURO: "escuro";
+    readonly CLARO: "claro";
+};
+export type Aparencia = (typeof Aparencias)[keyof typeof Aparencias];

package/dist/components/timeline/atomos/box-data/BoxData.vue.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { Aparencia } from './BoxData.types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dataNumero: {
+        required: true;
+        type: NumberConstructor;
+    };
+    aparencia: {
+        type: PropType<Aparencia>;
+        default: string;
+    };
+}>, {
+    classes: import('vue').ComputedRef<{
+        [x: string]: boolean;
+    }>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dataNumero: {
+        required: true;
+        type: NumberConstructor;
+    };
+    aparencia: {
+        type: PropType<Aparencia>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    aparencia: Aparencia;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/timeline/atomos/box-data/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './BoxData.vue';
+export { default as BoxData } from './BoxData.vue';
+export * from './BoxData.types';

package/dist/components/timeline/index.d.ts

@@ -3,7 +3,6 @@ import { default as TemplateTimeline } from './templates/TemplateTimeline.vue';
 import { default as EventoTimeline } from './moleculas/EventoTimeline.vue';
 import { default as EventoDetalhado } from './organismos/EventoDetalhado.vue';
 import { default as EditarEvento } from './organismos/EditarEvento.vue';
-
-import * as Tipos from "./type";
-import * as TiposDetalhado from "./typeDetalhado";
+import * as Tipos from './type';
+import * as TiposDetalhado from './typeDetalhado';
 export { Timeline, Tipos, TiposDetalhado, EventoTimeline, EventoDetalhado, EditarEvento, TemplateTimeline, };

package/dist/components/timeline/moleculas/AreaSalvamento.vue.d.ts

@@ -1,12 +1,58 @@
-
 declare const _default: import('vue').DefineComponent<{}, {
     emitirSalvarClick: (mouseEvent: MouseEvent) => void;
     emitirCancelarClick: (mouseEvent: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    salvarClick: (mouseEvent: MouseEvent) => true;
-    cancelarClick: (mouseEvent: MouseEvent) => true;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
-    onSalvarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
-    onCancelarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
-}, {}, {}>;
+    salvarClick: (_mouseEvent: MouseEvent) => true;
+    cancelarClick: (_mouseEvent: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onSalvarClick?: ((_mouseEvent: MouseEvent) => any) | undefined;
+    onCancelarClick?: ((_mouseEvent: MouseEvent) => any) | undefined;
+}>, {}, {}, {
+    Botao: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        titulo: {
+            type: StringConstructor;
+            default: string;
+        };
+        icone: {
+            type: StringConstructor;
+        };
+        aparencia: {
+            type: import('vue').PropType<import('../atomos/Botao.types').Aparencia>;
+            default: import('../atomos/Botao.types').Aparencia;
+        };
+        tamanho: {
+            type: import('vue').PropType<import('../atomos/Botao.types').Tamanho>;
+            default: import('../atomos/Botao.types').Tamanho;
+        };
+    }>, {
+        handleClick: (_mouseEvent: MouseEvent) => void;
+        classes: import('vue').ComputedRef<{
+            [x: string]: boolean;
+        }>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (_mouseEvent: MouseEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        titulo: {
+            type: StringConstructor;
+            default: string;
+        };
+        icone: {
+            type: StringConstructor;
+        };
+        aparencia: {
+            type: import('vue').PropType<import('../atomos/Botao.types').Aparencia>;
+            default: import('../atomos/Botao.types').Aparencia;
+        };
+        tamanho: {
+            type: import('vue').PropType<import('../atomos/Botao.types').Tamanho>;
+            default: import('../atomos/Botao.types').Tamanho;
+        };
+    }>> & Readonly<{
+        onClick?: ((_mouseEvent: MouseEvent) => any) | undefined;
+    }>, {
+        titulo: string;
+        aparencia: import('../atomos/Botao.types').Aparencia;
+        tamanho: import('../atomos/Botao.types').Tamanho;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/timeline/moleculas/BotaoStatus.vue.d.ts

@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
 import { Status } from '../type';
-import { Aparencia } from './Botao.vue';
-
-declare const _default: import('vue').DefineComponent<{
+import { Aparencia } from '../atomos/Botao.types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     aparencia: {
         type: PropType<Aparencia>;
     };
@@ -10,13 +9,13 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<Status>;
         default: string;
     };
-}, {
+}>, {
     emitirClick: (mouseEvent: MouseEvent) => void;
     classes: import('vue').ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (mouseEvent: MouseEvent) => true;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_mouseEvent: MouseEvent) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     aparencia: {
         type: PropType<Aparencia>;
@@ -25,9 +24,71 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<Status>;
         default: string;
     };
-}>> & {
-    onClick?: ((mouseEvent: MouseEvent) => any) | undefined;
-}, {
+}>> & Readonly<{
+    onClick?: ((_mouseEvent: MouseEvent) => any) | undefined;
+}>, {
     status: Status;
-}, {}>;
+}, {}, {
+    Botao: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        titulo: {
+            type: StringConstructor;
+            default: string;
+        };
+        icone: {
+            type: StringConstructor;
+        };
+        aparencia: {
+            type: PropType<Aparencia>;
+            default: Aparencia;
+        };
+        tamanho: {
+            type: PropType<import('../atomos/Botao.types').Tamanho>;
+            default: import('../atomos/Botao.types').Tamanho;
+        };
+    }>, {
+        handleClick: (_mouseEvent: MouseEvent) => void;
+        classes: import('vue').ComputedRef<{
+            [x: string]: boolean;
+        }>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (_mouseEvent: MouseEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        titulo: {
+            type: StringConstructor;
+            default: string;
+        };
+        icone: {
+            type: StringConstructor;
+        };
+        aparencia: {
+            type: PropType<Aparencia>;
+            default: Aparencia;
+        };
+        tamanho: {
+            type: PropType<import('../atomos/Botao.types').Tamanho>;
+            default: import('../atomos/Botao.types').Tamanho;
+        };
+    }>> & Readonly<{
+        onClick?: ((_mouseEvent: MouseEvent) => any) | undefined;
+    }>, {
+        titulo: string;
+        aparencia: Aparencia;
+        tamanho: import('../atomos/Botao.types').Tamanho;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconeStatus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        status: {
+            required: true;
+            type: PropType<Status>;
+        };
+    }>, {
+        classes: import('vue').ComputedRef<{
+            [x: string]: boolean;
+        }>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        status: {
+            required: true;
+            type: PropType<Status>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;