From 100be7ecce818ef0a39fd3e20304bd16b6d14356 Mon Sep 17 00:00:00 2001
From: jvictordev1 <jvictordev1@gmail.com>
Date: Mon, 22 Dec 2025 15:13:50 -0300
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20impede=20digita=C3=A7=C3=A3o=20de=20?=
 =?UTF-8?q?letras=20em=20inputs=20type=20number=20e=20o=20componente=20num?=
 =?UTF-8?q?berinput?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                |   2 +-
 src/components/BaseInput.vue                |  46 +++++--
 src/components/NumberInput.vue              | 143 +++++++++++---------
 src/utils/methods/preventNonNumericInput.js |  26 ++++
 4 files changed, 138 insertions(+), 79 deletions(-)
 create mode 100644 src/utils/methods/preventNonNumericInput.js

diff --git a/package.json b/package.json
index bcb11935..89f87138 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.151.2",
+	"version": "3.151.3",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",
diff --git a/src/components/BaseInput.vue b/src/components/BaseInput.vue
index 9d7fd0a0..20f326b5 100644
--- a/src/components/BaseInput.vue
+++ b/src/components/BaseInput.vue
@@ -11,23 +11,24 @@
 			@focus="handleFocus"
 			@blur="handleBlur"
 			@keydown="handleKeydown"
+			@paste="handlePaste"
 		>
 			<template #trailing-icon>
 				<slot name="trailing-icon" />
 			</template>
-	
+
 			<template #leading-icon>
 				<slot name="leading-icon" />
 			</template>
 		</CdsBaseMobileInput>
-	
+
 		<template v-else>
 			<template
 				v-if="useHasSlot('label')"
 			>
 				<slot name="label" />
 			</template>
-	
+
 			<CdsLabel
 				v-if="!hideLabelInput"
 				:text="label"
@@ -40,7 +41,7 @@
 				:support-link-url="supportLinkUrl"
 				@support-link-click="emits('supportLinkClick')"
 			/>
-	
+
 			<div
 				:class="baseInputClass"
 				@click="handleClick"
@@ -59,7 +60,7 @@
 						/>
 					</slot>
 				</div>
-	
+
 				<textarea
 					v-if="type === 'textarea'"
 					:id="componentId"
@@ -74,7 +75,7 @@
 					@blur="handleBlur"
 					@keydown="handleKeydown"
 				/>
-	
+
 				<div
 					v-else-if="type === 'date'"
 					:id="componentId"
@@ -89,11 +90,12 @@
 					@focus="handleFocus"
 					@blur="handleBlur"
 					@keydown="handleKeydown"
+					@paste="handlePaste"
 				>
 					<small class="base-input__date-text">{{ internalValue || placeholder }}</small>
 				</div>
-	
-				<div 
+
+				<div
 					v-else
 					style="width: 100%;"
 				>
@@ -103,7 +105,7 @@
 					>
 						<slot name="top-content" />
 					</div>
-	
+
 					<input
 						:id="componentId"
 						ref="htmlInput"
@@ -119,9 +121,10 @@
 						@focus="handleFocus"
 						@blur="handleBlur"
 						@keydown="handleKeydown"
+						@paste="handlePaste"
 					>
 				</div>
-	
+
 				<div
 					v-if="isLoading && !disabled"
 					class="base-input__spinner-container"
@@ -132,7 +135,7 @@
 						class="base-input__icon--spinner-icon"
 					/>
 				</div>
-	
+
 				<div
 					v-if="hasTrailingIcon"
 					class="base-input__trailing-icon-container"
@@ -147,14 +150,14 @@
 					</slot>
 				</div>
 			</div>
-	
+
 			<div
 				v-if="hasError && !disabled"
 				class="base-input__error-text"
 			>
 				{{ errorMessage }}
 			</div>
-	
+
 			<template
 				v-if="supportingText"
 			>
@@ -170,7 +173,7 @@
 						{{ text }}
 					</li>
 				</ul>
-	
+
 				<span
 					v-else
 					class="base-input__supporting-text"
@@ -195,6 +198,7 @@ import CdsIcon from './Icon.vue';
 import CdsSpinner from './Spinner.vue';
 import CdsBaseMobileInput from './BaseMobileInput.vue';
 import CdsLabel from './Label.vue';
+import preventNonNumericInput from '../utils/methods/preventNonNumericInput.js';
 
 defineOptions({ name: 'CdsBaseInput' });
 
@@ -536,6 +540,11 @@ function handleBlur(event) {
 
 function handleKeydown(keyEvent) {
 	isFocused.value = true;
+
+	if (props.type === 'number' && preventNonNumericInput(keyEvent)) {
+		return
+	}
+
 	/**
 	* Evento emitido quando o usuário digita.
 	* @event keydown
@@ -544,6 +553,15 @@ function handleKeydown(keyEvent) {
 	emitKeydown(keyEvent);
 }
 
+function handlePaste(e) {
+	const pastedData = e.clipboardData.getData('text/plain');
+
+	if (props.type === 'number' && !pastedData.match(/^[0-9]*$/)) {
+		e.preventDefault();
+		return;
+	}
+}
+
 /* EXPOSE */
 defineExpose({
 	componentRef,
diff --git a/src/components/NumberInput.vue b/src/components/NumberInput.vue
index a757a550..36edbe54 100644
--- a/src/components/NumberInput.vue
+++ b/src/components/NumberInput.vue
@@ -3,7 +3,7 @@
 		<CdsBaseInput
 			v-if="money"
 			ref="baseInput"
-			v-bind="{...$attrs, ...props}"
+			v-bind="{ ...$attrs, ...props }"
 			v-model="internalValue"
 			:floating-label="floatingLabel || mobile"
 			:support-link="supportLink || linkText"
@@ -12,13 +12,13 @@
 			@change="handleChange"
 			@focus="handleFocus"
 			@blur="emitBlur"
-			@keydown="emitKeydown"
+			@keydown="handleMoneyInputKeydown"
 		/>
 
 		<CdsBaseInput
 			v-else-if="mask"
 			ref="baseInput"
-			v-bind="{...$attrs, ...props}"
+			v-bind="{ ...$attrs, ...props }"
 			v-model="internalValue"
 			v-facade="mask"
 			type="tel"
@@ -35,7 +35,7 @@
 		<CdsBaseInput
 			v-else
 			ref="baseInput"
-			v-bind="{...$attrs, ...props}"
+			v-bind="{ ...$attrs, ...props }"
 			v-model="internalValue"
 			:floating-label="floatingLabel || mobile"
 			:support-link="supportLink || linkText"
@@ -51,7 +51,7 @@
 </template>
 
 <script setup>
-import { ref, watch, onMounted, useTemplateRef } from 'vue';
+import { ref, watch, useTemplateRef, nextTick } from 'vue';
 import {
 	nativeEvents,
 	nativeEmits,
@@ -59,6 +59,7 @@ import {
 import { vCdsBrl, unmaskBRL } from '../utils/directives/cdsBRL';
 import { facade } from 'vue-input-facade';
 import CdsBaseInput from './BaseInput.vue';
+import preventNonNumericInput from '../utils/methods/preventNonNumericInput.js';
 
 defineOptions({ name: 'CdsNumberInput' });
 
@@ -111,54 +112,54 @@ const props = defineProps({
 		default: 'Digite aqui a informação',
 	},
 	/**
-	* Especifica mensagem de auxílio.
-	*/
+	 * Especifica mensagem de auxílio.
+	 */
 	supportingText: {
 		type: [String, Array],
 		default: '',
 	},
 	/**
-	* Especifica a mensagem de erro, que será exibida caso o estado seja inválido
-	*/
+	 * Especifica a mensagem de erro, que será exibida caso o estado seja inválido
+	 */
 	errorMessage: {
 		type: String,
 		default: 'Valor inválido',
 	},
 	/**
-	* Especifica se a largura do TextInput deve ser fluida.
-	*/
+	 * Especifica se a largura do TextInput deve ser fluida.
+	 */
 	fluid: {
 		type: Boolean,
 		default: false,
 		required: false,
 	},
 	/**
-	* Define exibição e texto do tooltip do input
-	*/
+	 * Define exibição e texto do tooltip do input
+	 */
 	tooltip: {
 		type: String,
 		default: null,
 	},
 	/**
-	* Especifica ícone do tooltip do TextInput.
-	*/
+	 * Especifica ícone do tooltip do TextInput.
+	 */
 	tooltipIcon: {
 		type: String,
 		default: 'info-outline',
 	},
 	/**
-	* Indica se o input vai funcionar com a máscara de dinheiro.
-	* A máscara utiliza `R$` como prefixo,` , ` como separador de decimais
-	* e tem precisão de 2 dígitos.
-	*
-	*
-	* Ao utilizar essa prop o `update:modelValue` vai deixar de emitir
-	* `Number`e vai passar a emitir uma `String` contendo a máscara.
-	*
-	*
-	* Para receber o valor sem máscara, utilize a prop `unmaskedValue`
-	* com v-model: `v-model:unmaskedValue="nome da propriedade a ser atualizada"`
-	*/
+	 * Indica se o input vai funcionar com a máscara de dinheiro.
+	 * A máscara utiliza `R$` como prefixo,` , ` como separador de decimais
+	 * e tem precisão de 2 dígitos.
+	 *
+	 *
+	 * Ao utilizar essa prop o `update:modelValue` vai deixar de emitir
+	 * `Number`e vai passar a emitir uma `String` contendo a máscara.
+	 *
+	 *
+	 * Para receber o valor sem máscara, utilize a prop `unmaskedValue`
+	 * com v-model: `v-model:unmaskedValue="nome da propriedade a ser atualizada"`
+	 */
 	money: {
 		type: Boolean,
 		default: false,
@@ -178,44 +179,44 @@ const props = defineProps({
 		default: null,
 	},
 	/**
-	* Controla a exibição e o conteúdo do link de suporte exibido ao lado da label.
-	*/
+	 * Controla a exibição e o conteúdo do link de suporte exibido ao lado da label.
+	 */
 	supportLink: {
 		type: String,
 		default: null,
 	},
 	/**
-	* Define a url a ser acessada no clique do link de suporte.
-	*/
+	 * Define a url a ser acessada no clique do link de suporte.
+	 */
 	supportLinkUrl: {
 		type: [String, null],
 		default: null,
 	},
 	/**
-	* Quando true, o v-model é atualizado com o evento `change` no lugar do `input`.
-	*/
+	 * Quando true, o v-model é atualizado com o evento `change` no lugar do `input`.
+	 */
 	lazy: {
 		type: Boolean,
 		default: false,
 	},
 	/**
-	* Especifica a máscara a ser aplicada ao TextInput.
-	* Exemplo: "(##) #####-####"
-	*/
+	 * Especifica a máscara a ser aplicada ao TextInput.
+	 * Exemplo: "(##) #####-####"
+	 */
 	mask: {
 		type: [String, Array],
 		default: null,
 	},
 	/**
-	* @deprecated Define o tipo do input, se true será um input adaptador para o mobile
-	*/
+	 * @deprecated Define o tipo do input, se true será um input adaptador para o mobile
+	 */
 	mobile: {
 		type: Boolean,
 		default: false,
 	},
 	/**
-	* Define o tipo do input, se true será um input adaptado para o mobile
-	*/
+	 * Define o tipo do input, se true será um input adaptado para o mobile
+	 */
 	floatingLabel: {
 		type: Boolean,
 		default: false,
@@ -231,7 +232,6 @@ const internalValue = ref('');
 const { emitClick, emitChange, emitFocus, emitBlur, emitKeydown } = nativeEmits(emits);
 let cdsBrlBiding = {};
 
-
 /* WATCHERS */
 watch(model, (newValue, oldValue) => {
 	if (newValue !== oldValue) {
@@ -245,17 +245,17 @@ watch(internalValue, (value, oldValue) => {
 
 		if (props.money) {
 			/**
-			* Evento utilizado para implementar o v-model para atualização
-			* de valores sem máscara de dinheiro.
-			* @event update:unmaskedValue
-			* @type {Event}
-			*/
+			 * Evento utilizado para implementar o v-model para atualização
+			 * de valores sem máscara de dinheiro.
+			 * @event update:unmaskedValue
+			 * @type {Event}
+			 */
 			unmaskedValue.value = unmaskBRL(stringifiedInput);
 			/**
-			* Evento utilizado para implementar o v-model padrão do componente.
-			* @event update:modelValue
-			* @type {Event}
-			*/
+			 * Evento utilizado para implementar o v-model padrão do componente.
+			 * @event update:modelValue
+			 * @type {Event}
+			 */
 			model.value = stringifiedInput;
 		} else if (props.mask) {
 			internalValue.value = stringifiedInput;
@@ -270,24 +270,34 @@ watch(internalValue, (value, oldValue) => {
 	}
 });
 
-/* HOOKS */
-onMounted(() => {
-	if (props.money && baseInputRef.value && baseInputRef.value.componentRef) {
-		cdsBrlBiding =  {
-			value: model.value,
-			oldValue: '',
-			instance: baseInputRef.value.componentRef,
-			modifiers: {},
-			arg: null,
-		};
-		vCdsBrl.mounted(baseInputRef.value.componentRef, cdsBrlBiding);
-	}
-});
+watch(
+	() => props.money,
+	async (value) => {
+		if (value) {
+			await nextTick();
+
+			if (baseInputRef.value?.componentRef) {
+				cdsBrlBiding = {
+					value: model.value,
+					oldValue: '',
+					instance: baseInputRef.value.componentRef,
+					modifiers: {},
+					arg: null,
+				};
+				vCdsBrl.mounted(baseInputRef.value?.componentRef, cdsBrlBiding);
+				return;
+			} else{
+				vCdsBrl.unmounted(baseInputRef.value?.componentRef);
+			}
+		}
+	},
+	{ immediate: true }
+);
 
 /* FUNCTIONS */
 function handleFocus() {
 	if (props.money) {
-		internalValue.value = (internalValue.value == 0 || internalValue.value == '') 
+		internalValue.value = (internalValue.value == 0 || internalValue.value == '')
 			? 'R$ 0,00'
 			: internalValue.value;
 	}
@@ -299,6 +309,11 @@ function handleChange() {
 	emitChange();
 }
 
+function handleMoneyInputKeydown(keyEvent) {
+	if (preventNonNumericInput(keyEvent)) return;
+	emitKeydown(keyEvent);
+}
+
 /* EXPOSE */
 defineExpose({
 	componentRef: baseInputRef.value?.componentRef,
diff --git a/src/utils/methods/preventNonNumericInput.js b/src/utils/methods/preventNonNumericInput.js
new file mode 100644
index 00000000..b9348a96
--- /dev/null
+++ b/src/utils/methods/preventNonNumericInput.js
@@ -0,0 +1,26 @@
+export default function preventNonNumericInput(keyEvent) {
+	if (keyEvent.ctrlKey || keyEvent.metaKey) {
+		return true;
+	}
+
+	const allowedKeys = [
+		'Backspace',
+		'Delete',
+		'Tab',
+		'Escape',
+		'Enter',
+		'ArrowLeft',
+		'ArrowRight',
+		'Home',
+		'End',
+	];
+	const pressedKey = keyEvent.key;
+
+	if (
+		!allowedKeys.includes(pressedKey) &&
+		!(pressedKey >= '0' && pressedKey <= '9')
+	) {
+		keyEvent.preventDefault();
+		return true;
+	}
+}

From 804816b2d9a716d930fe3e453f78376dda87a4f3 Mon Sep 17 00:00:00 2001
From: jvictordev1 <jvictordev1@gmail.com>
Date: Mon, 12 Jan 2026 08:14:55 -0300
Subject: [PATCH 2/2] =?UTF-8?q?build:=20atualiza=20vers=C3=A3o=20do=20cuid?=
 =?UTF-8?q?a?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 89f87138..0efec32a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.151.3",
+	"version": "3.151.4",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",