Update Branch with Main and Audit Vulnerabilities

VULNERABILITIES.md

@@ -21,7 +21,7 @@ Múltiplas vulnerabilidades foram encontradas em dependências (principalmente d
 - `preact` (Alta): Injeção de JSON VNode.
 - `esbuild`/`vite` (Moderada): Vulnerabilidades no servidor de desenvolvimento.
 - `vue` v2.7.16 (Baixa): Vulnerabilidade de ReDoS.
-*Nota: Corrigido via `npm audit fix` e remoção de dependência conflitante.*
+*Nota: Corrigido via `npm audit fix` e remoção de dependência conflitante. Vulnerabilidades remanescentes no servidor de desenvolvimento (`esbuild`) e ferramentas de build (`minimatch`) persistem nas versões atuais mas são mitigadas no contexto de uso desta biblioteca.*
 
 ### 1.3 Versões Mistas de Vue / Risco na Cadeia de Suprimentos (✅ Resolvido)
 A dependência `@sysvale/vue3-long-click` dependia explicitamente de `vue: ^2.5.22`. Em um projeto Vue 3, isso fazia com que uma segunda versão do Vue (Vue 2) fosse instalada.

docs/.docgen/components-metadata.json

@@ -1144,6 +1144,17 @@
           "func": false,
           "value": "false"
         }
+      },
+      {
+        "name": "ghost",
+        "description": "Especifica se o componente deve ser exibido na sua versão ghost.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "false"
+        }
       }
     ],
     "events": [
@@ -1410,6 +1421,17 @@
           "func": false,
           "value": "false"
         }
+      },
+      {
+        "name": "ghost",
+        "description": "Especifica se o componente deve ser exibido na sua versão ghost.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "false"
+        }
       }
     ],
     "slots": [
@@ -2876,6 +2898,35 @@
           "func": false,
           "value": "[]"
         }
+      },
+      {
+        "name": "state",
+        "description": "Especifica o estado do TextInput. As opções são 'default', 'valid', 'loading' e 'invalid'.",
+        "tags": {},
+        "values": [
+          "default",
+          "valid",
+          "loading",
+          "invalid"
+        ],
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'default'"
+        }
+      },
+      {
+        "name": "errorMessage",
+        "description": "Especifica a mensagem de erro, que será exibida caso o estado seja inválido",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "'Valor inválido'"
+        }
       }
     ],
     "events": [
@@ -6738,6 +6789,7 @@
           "red",
           "orange",
           "amber",
+          "gray",
           "dark"
         ],
         "type": {
@@ -10951,6 +11003,17 @@
           "func": false,
           "value": "false"
         }
+      },
+      {
+        "name": "ghost",
+        "description": "Especifica se o componente deve ser exibido na sua versão ghost.",
+        "type": {
+          "name": "boolean"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "false"
+        }
       }
     ],
     "slots": [
@@ -14683,6 +14746,16 @@
           "func": false,
           "value": "''"
         }
+      },
+      {
+        "name": "year",
+        "type": {
+          "name": "number"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "new Date().getFullYear()"
+        }
       }
     ],
     "events": [
@@ -14721,6 +14794,26 @@
           "func": false,
           "value": "''"
         }
+      },
+      {
+        "name": "minDate",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "''"
+        }
+      },
+      {
+        "name": "maxDate",
+        "type": {
+          "name": "string"
+        },
+        "defaultValue": {
+          "func": false,
+          "value": "''"
+        }
       }
     ],
     "events": [

docs/components/forms/base-input.md

@@ -96,5 +96,6 @@ const args = ref({
 	tooltipIcon: 'info-outline',
 	trailingIcon: 'info-outline',
 	leadingIcon: 'info-outline',
+	ghost: false,
 });
 </script>

docs/components/forms/color-picker.md

@@ -167,12 +167,16 @@ const argsInline = ref({
 	inline: true,
 	label: "Cor",
 	modelValue: '#2AC092',
+	state: 'default',
+	errorMessage: 'Campo obrigatório',
 });
 
 const argsWithPopover = ref({
 	swatch: swatchWithPopover,
 	popoverHeight: 190,
 	modelValue: '#2AC092',
+	state: 'default',
+	errorMessage: 'Campo obrigatório',
 });
 
 onMounted(() => {

docs/components/forms/select.md

@@ -3,21 +3,24 @@
 Selects permitem que o usuário escolha uma opção a partir de uma lista de itens.
 
 ---
+
 <br>
 
 ## Quando usar:
-- O usuário tiver de escolher uma única opção em uma lista com diversos itens.
 
+- O usuário tiver de escolher uma única opção em uma lista com diversos itens.
 
 <br>
 
 ## Quando não usar:
+
 - A lista de opções possuir 3 itens ou menos. Nesses casos, recomendamos a utilização de radio buttons.
 - O usuário precisar selecionar mais de um item da lista. Nesse caso, utilize <a href="https://sysvale.github.io/cuida/?path=/docs/componentes-forms-clusteredmultiselect--clustered-multiselect">ClusteredMultiselects</a>.
 
 <br>
 
 ## Observações:
+
 - Coloque as opções mais prováveis de serem selecionadas no topo do select. Na dúvida, ordene-os em ordem alfanumérica.
 - As labels dos selects devem ser sucintas (de uma a três palavras).
 - As labels devem ser ser escritas com a primeira letra maiúscula e as restantes minúsculas.
@@ -129,7 +132,6 @@ const args = ref({
 	required: true,
 	disabled: false,
 	state: 'default',
-	required: false,
 	searchable: false,
 	addable: false,
 	fluid: false,
@@ -143,5 +145,6 @@ const args = ref({
 	supportingText: null,
 	supportLink: '',
 	supportLinkUrl: '',
+	ghost: false,
 });
 </script>