From 56d2cff0344d70682fe73ee86ac1be746e108f6e Mon Sep 17 00:00:00 2001
From: jvictordev1 <jvictordev1@gmail.com>
Date: Wed, 8 Jul 2026 14:29:46 -0300
Subject: [PATCH 1/3] feat: adiciona slot append em checkbox e checkboxgroup

---
 docs/components/forms/checkbox-group.md       | 24 ++++++++++++--
 docs/components/forms/checkbox.md             |  7 ++++
 package.json                                  |  2 +-
 src/components/Checkbox.vue                   | 13 ++++++++
 src/components/CheckboxGroup.vue              | 19 +++++++++--
 src/tests/Checkbox.spec.ts                    | 18 ++++++++++-
 src/tests/CheckboxGroup.spec.ts               | 32 +++++++++++++++++++
 src/tests/__snapshots__/Checkbox.spec.ts.snap |  3 ++
 .../__snapshots__/CheckboxGroup.spec.ts.snap  |  6 ++++
 9 files changed, 117 insertions(+), 7 deletions(-)

diff --git a/docs/components/forms/checkbox-group.md b/docs/components/forms/checkbox-group.md
index dc8e4ccb3..93aa0e074 100644
--- a/docs/components/forms/checkbox-group.md
+++ b/docs/components/forms/checkbox-group.md
@@ -3,16 +3,18 @@
 CheckboxGroups são componentes de formulário que permitem seleções binárias e múltiplas.
 
 ---
+
 <br>
 
 ## Quando usar:
+
 - Quando precisar de um componente de formulário para seleções binárias com várias opções.
 
 <br>
 
 ## Quando não usar:
-- Quando for preciso que o efeito da interação com o Checkbox seja imediato. Checkboxes devem ser usados sempre em conjunto com um botão de submissão. Para contornar casos como esse, use Switches.
 
+- Quando for preciso que o efeito da interação com o Checkbox seja imediato. Checkboxes devem ser usados sempre em conjunto com um botão de submissão. Para contornar casos como esse, use Switches.
 
 ---
 
@@ -39,7 +41,17 @@ CheckboxGroups são componentes de formulário que permitem seleções binárias
 		},
 	]"
 	:disabled="false"
-/>
+>
+	<template #append="{ option }">
+		<CdsBadge
+			v-if="option.value === 'test-2'"
+			variant="red"
+			size="md"
+		>
+			Badge
+		</CdsBadge>
+	</template>
+</CdsCheckboxGroup>
 ```
 
 ---
@@ -70,6 +82,14 @@ CheckboxGroups são componentes de formulário que permitem seleções binárias
 />
 <br>
 
+## Slots
+
+<APITable
+	name="CdsCheckboxGroup"
+	section="slots"
+/>
+<br>
+
 <script setup>
 	import { ref } from 'vue';
 import CdsCheckboxGroup from '@/components/CheckboxGroup.vue';
diff --git a/docs/components/forms/checkbox.md b/docs/components/forms/checkbox.md
index 3a368a214..afa451f82 100644
--- a/docs/components/forms/checkbox.md
+++ b/docs/components/forms/checkbox.md
@@ -58,6 +58,13 @@ Checkboxes são componentes de formulário que permitem seleções binárias e m
 	section="events"
 />
 
+## Slots
+
+<APITable
+	name="CdsCheckbox"
+	section="slots"
+/>
+
 ---
 
 <script setup>
diff --git a/package.json b/package.json
index f2e682e26..2b29b19cf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.158.4",
+	"version": "3.159.0",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",
diff --git a/src/components/Checkbox.vue b/src/components/Checkbox.vue
index 44e330388..d4232ec8e 100644
--- a/src/components/Checkbox.vue
+++ b/src/components/Checkbox.vue
@@ -32,6 +32,15 @@
 		>
 			{{ label }}
 		</label>
+
+		<div
+			class="cds-checkbox__append"
+		>
+			<!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
+			<slot
+				name="append"
+			/>
+		</div>
 	</div>
 </template>
 
@@ -253,5 +262,9 @@ export default {
 			color: tokens.$n-800;
 		}
 	}
+
+	.cds-checkbox__append {
+		margin-left: auto;
+	}
 }
 </style>
diff --git a/src/components/CheckboxGroup.vue b/src/components/CheckboxGroup.vue
index 2c458a5cc..dbdbea122 100644
--- a/src/components/CheckboxGroup.vue
+++ b/src/components/CheckboxGroup.vue
@@ -21,7 +21,20 @@
 				:label="option.label"
 				:disabled="disabled"
 				:variant="variant"
-			/>
+			>
+				<template
+					v-if="$slots.append"
+					#append
+				>
+					<!-- @slot Slot para renderizar elementos adicionais à direita de cada opção do grupo. -->
+					<slot
+						name="append"
+						:option="option"
+					>
+						{{ option.append }}
+					</slot>
+				</template>
+			</CdsCheckbox>
 		</div>
 		<div
 			v-if="isInvalid && !disabled"
@@ -33,10 +46,10 @@
 </template>
 
 <script setup>
-import { ref, onMounted, computed, watch } from 'vue';
-import CdsCheckbox from './Checkbox.vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import variantClassResolver from '../utils/methods/variantClassResolver';
 import variantValidator from '../utils/validators/variant';
+import CdsCheckbox from './Checkbox.vue';
 
 defineOptions({ name: 'CdsCheckboxGroup' });
 
diff --git a/src/tests/Checkbox.spec.ts b/src/tests/Checkbox.spec.ts
index a50df0175..d4a103abd 100644
--- a/src/tests/Checkbox.spec.ts
+++ b/src/tests/Checkbox.spec.ts
@@ -7,10 +7,26 @@ describe('Checkbox', () => {
 		const wrapper = mount(Checkbox, {
 			props: {
 				modelValue: false,
-				label: 'checkbox test'
+				label: 'checkbox test',
 			},
 		});
   
 		expect(wrapper.html()).toMatchSnapshot();
 	});
+
+	test('renders append slot content', () => {
+		const wrapper = mount(Checkbox, {
+			props: {
+				modelValue: false,
+				label: 'checkbox test',
+			},
+			slots: {
+				append: '<span class="test-append">append content</span>',
+			},
+		});
+
+		expect(wrapper.find('.test-append').exists()).toBe(true);
+		expect(wrapper.find('.test-append').text()).toBe('append content');
+	});
 });
+
diff --git a/src/tests/CheckboxGroup.spec.ts b/src/tests/CheckboxGroup.spec.ts
index 43053d002..d071786ec 100644
--- a/src/tests/CheckboxGroup.spec.ts
+++ b/src/tests/CheckboxGroup.spec.ts
@@ -51,4 +51,36 @@ describe('CheckboxGroup', () => {
 		expect(checkboxArray.length).toBe(2);
 		expect(checkedCheckbox?.vm.modelValue).toBeTruthy();
 	});
+
+	test('renders custom content in append slot using scoped slot', () => {
+		const wrapper = mount(CheckboxGroup, {
+			props: {
+				modelValue: [],
+				label: 'Checkbox Group Test',
+				options: [
+					{
+						value: 'test-1',
+						label: 'Teste 1',
+						customData: 'Custom 1',
+					},
+					{
+						value: 'test-2',
+						label: 'Teste 2',
+						customData: 'Custom 2',
+					},
+				],
+			},
+			slots: {
+				append: `<template #append="{ option }">
+					<span class="custom-append">{{ option.customData }}</span>
+				</template>`,
+			},
+		});
+
+		const customAppends = wrapper.findAll('.custom-append');
+		expect(customAppends.length).toBe(2);
+		expect(customAppends[0].text()).toBe('Custom 1');
+		expect(customAppends[1].text()).toBe('Custom 2');
+	});
 });
+
diff --git a/src/tests/__snapshots__/Checkbox.spec.ts.snap b/src/tests/__snapshots__/Checkbox.spec.ts.snap
index 5be716bcb..c4964e129 100644
--- a/src/tests/__snapshots__/Checkbox.spec.ts.snap
+++ b/src/tests/__snapshots__/Checkbox.spec.ts.snap
@@ -3,5 +3,8 @@
 exports[`Checkbox > renders correctly 1`] = `
 "<div data-v-75623c80="" class="cds-checkbox__container">
   <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="cds-checkbox-option-input" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="cds-checkbox-option-input" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="cds-checkbox-option-input">checkbox test</label>
+  <div data-v-75623c80="" class="cds-checkbox__append">
+    <!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
+  </div>
 </div>"
 `;
diff --git a/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap b/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap
index 5dea087b1..1daf2f70d 100644
--- a/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap
+++ b/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap
@@ -7,11 +7,17 @@ exports[`CheckboxGroup > renders correctly 1`] = `
   <div data-v-5505c754="" class="checkbox__item">
     <div data-v-75623c80="" data-v-5505c754="" class="cds-checkbox__container" id="test-1">
       <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-1" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="test-1" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-1">Teste 1</label>
+      <div data-v-75623c80="" class="cds-checkbox__append">
+        <!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
+      </div>
     </div>
   </div>
   <div data-v-5505c754="" class="checkbox__item">
     <div data-v-75623c80="" data-v-5505c754="" class="cds-checkbox__container" id="test-2">
       <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-2" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="test-2" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-2">Teste 2</label>
+      <div data-v-75623c80="" class="cds-checkbox__append">
+        <!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
+      </div>
     </div>
   </div>
   <!--v-if-->

From 120ac6f550abccb41d3752c2200e5f06ee61e0a3 Mon Sep 17 00:00:00 2001
From: jvictordev1 <jvictordev1@gmail.com>
Date: Wed, 8 Jul 2026 15:08:51 -0300
Subject: [PATCH 2/3] =?UTF-8?q?refactor:=20aplica=20corre=C3=A7=C3=B5es=20?=
 =?UTF-8?q?dos=20coment=C3=A1rios=20e=20refatora=20forma=20como=20slots=20?=
 =?UTF-8?q?s=C3=A3o=20mostrados=20em=20cada=20checkbox?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/forms/checkbox-group.md       | 31 ++++++++++++
 src/components/Checkbox.vue                   |  1 +
 src/components/CheckboxGroup.vue              | 15 ++++--
 src/tests/CheckboxGroup.spec.ts               | 49 +++++++++++++++----
 src/tests/__snapshots__/Checkbox.spec.ts.snap |  4 +-
 .../__snapshots__/CheckboxGroup.spec.ts.snap  |  8 +--
 6 files changed, 84 insertions(+), 24 deletions(-)

diff --git a/docs/components/forms/checkbox-group.md b/docs/components/forms/checkbox-group.md
index 93aa0e074..6d50cd7ca 100644
--- a/docs/components/forms/checkbox-group.md
+++ b/docs/components/forms/checkbox-group.md
@@ -20,6 +20,9 @@ CheckboxGroups são componentes de formulário que permitem seleções binárias
 
 ## Uso
 
+### Slot de append com escopo (Scoped Slot)
+Permite customizar o append de todas as opções de forma genérica a partir do objeto `option`:
+
 ```js
 <CdsCheckboxGroup
 	v-model="value"
@@ -54,6 +57,34 @@ CheckboxGroups são componentes de formulário que permitem seleções binárias
 </CdsCheckboxGroup>
 ```
 
+### Slots de append específicos por opção (Dynamic Slots)
+Permite customizar o append de uma opção específica informando o valor da opção (`value`) no nome do slot:
+
+```js
+<CdsCheckboxGroup
+	v-model="value"
+	label="CheckboxGroup"
+	:options="[
+		{
+			label: 'Teste 1',
+			value: 'test-1',
+		},
+		{
+			label: 'Teste 2',
+			value: 'test-2',
+		},
+	]"
+>
+	<template #append-test-1>
+		<span>Texto exclusivo 1</span>
+	</template>
+
+	<template #append-test-2>
+		<span>Texto exclusivo 2</span>
+	</template>
+</CdsCheckboxGroup>
+```
+
 ---
 
 ## Preview
diff --git a/src/components/Checkbox.vue b/src/components/Checkbox.vue
index d4232ec8e..962def77e 100644
--- a/src/components/Checkbox.vue
+++ b/src/components/Checkbox.vue
@@ -34,6 +34,7 @@
 		</label>
 
 		<div
+			v-if="$slots.append"
 			class="cds-checkbox__append"
 		>
 			<!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
diff --git a/src/components/CheckboxGroup.vue b/src/components/CheckboxGroup.vue
index dbdbea122..2a5bba3e3 100644
--- a/src/components/CheckboxGroup.vue
+++ b/src/components/CheckboxGroup.vue
@@ -23,16 +23,21 @@
 				:variant="variant"
 			>
 				<template
-					v-if="$slots.append"
+					v-if="$slots.append || $slots[`append-${option.value}`]"
 					#append
 				>
-					<!-- @slot Slot para renderizar elementos adicionais à direita de cada opção do grupo. -->
+					<!-- @slot Slot para renderizar elementos adicionais à direita de cada checkbox específico utilizando o valor da opção como sufixo (e.g. `append-optionValue`). -->
 					<slot
+						v-if="$slots[`append-${option.value}`]"
+						:name="`append-${option.value}`"
+						:option="option"
+					/>
+					<!-- @slot Slot genérico com escopo para renderizar elementos adicionais à direita de todos os checkboxes do grupo. -->
+					<slot
+						v-else
 						name="append"
 						:option="option"
-					>
-						{{ option.append }}
-					</slot>
+					/>
 				</template>
 			</CdsCheckbox>
 		</div>
diff --git a/src/tests/CheckboxGroup.spec.ts b/src/tests/CheckboxGroup.spec.ts
index d071786ec..7bcca0b92 100644
--- a/src/tests/CheckboxGroup.spec.ts
+++ b/src/tests/CheckboxGroup.spec.ts
@@ -52,7 +52,7 @@ describe('CheckboxGroup', () => {
 		expect(checkedCheckbox?.vm.modelValue).toBeTruthy();
 	});
 
-	test('renders custom content in append slot using scoped slot', () => {
+	test('renders dynamic append slots for specific checkboxes', async () => {
 		const wrapper = mount(CheckboxGroup, {
 			props: {
 				modelValue: [],
@@ -61,26 +61,55 @@ describe('CheckboxGroup', () => {
 					{
 						value: 'test-1',
 						label: 'Teste 1',
-						customData: 'Custom 1',
 					},
 					{
 						value: 'test-2',
 						label: 'Teste 2',
-						customData: 'Custom 2',
 					},
 				],
 			},
 			slots: {
-				append: `<template #append="{ option }">
-					<span class="custom-append">{{ option.customData }}</span>
-				</template>`,
+				'append-test-1': '<span class="custom-append-1">Append 1</span>',
 			},
 		});
 
-		const customAppends = wrapper.findAll('.custom-append');
-		expect(customAppends.length).toBe(2);
-		expect(customAppends[0].text()).toBe('Custom 1');
-		expect(customAppends[1].text()).toBe('Custom 2');
+		const appendElement = wrapper.find('.custom-append-1');
+		expect(appendElement.exists()).toBe(true);
+		expect(appendElement.text()).toBe('Append 1');
+
+		const checkboxArray = wrapper.findAllComponents(CheckboxItem);
+		expect(checkboxArray.at(1)?.find('.custom-append-1').exists()).toBe(false);
+	});
+
+	test('renders scoped general append slot for all checkboxes', async () => {
+		const wrapper = mount(CheckboxGroup, {
+			props: {
+				modelValue: [],
+				label: 'Checkbox Group Test',
+				options: [
+					{
+						value: 'test-1',
+						label: 'Teste 1',
+					},
+					{
+						value: 'test-2',
+						label: 'Teste 2',
+					},
+				],
+			},
+			slots: {
+				append: `
+					<template #append="{ option }">
+						<span class="custom-append-generic">{{ option.value }}-suffix</span>
+					</template>
+				`,
+			},
+		});
+
+		const appendElements = wrapper.findAll('.custom-append-generic');
+		expect(appendElements.length).toBe(2);
+		expect(appendElements.at(0)?.text()).toBe('test-1-suffix');
+		expect(appendElements.at(1)?.text()).toBe('test-2-suffix');
 	});
 });
 
diff --git a/src/tests/__snapshots__/Checkbox.spec.ts.snap b/src/tests/__snapshots__/Checkbox.spec.ts.snap
index c4964e129..a32dbdb89 100644
--- a/src/tests/__snapshots__/Checkbox.spec.ts.snap
+++ b/src/tests/__snapshots__/Checkbox.spec.ts.snap
@@ -3,8 +3,6 @@
 exports[`Checkbox > renders correctly 1`] = `
 "<div data-v-75623c80="" class="cds-checkbox__container">
   <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="cds-checkbox-option-input" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="cds-checkbox-option-input" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="cds-checkbox-option-input">checkbox test</label>
-  <div data-v-75623c80="" class="cds-checkbox__append">
-    <!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
-  </div>
+  <!--v-if-->
 </div>"
 `;
diff --git a/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap b/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap
index 1daf2f70d..32688948d 100644
--- a/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap
+++ b/src/tests/__snapshots__/CheckboxGroup.spec.ts.snap
@@ -7,17 +7,13 @@ exports[`CheckboxGroup > renders correctly 1`] = `
   <div data-v-5505c754="" class="checkbox__item">
     <div data-v-75623c80="" data-v-5505c754="" class="cds-checkbox__container" id="test-1">
       <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-1" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="test-1" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-1">Teste 1</label>
-      <div data-v-75623c80="" class="cds-checkbox__append">
-        <!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
-      </div>
+      <!--v-if-->
     </div>
   </div>
   <div data-v-5505c754="" class="checkbox__item">
     <div data-v-75623c80="" data-v-5505c754="" class="cds-checkbox__container" id="test-2">
       <div data-v-75623c80="" class="cds-checkbox__input"><input data-v-75623c80="" id="test-2" type="checkbox" name="cds-checkbox-option" value="false"><label data-v-75623c80="" for="test-2" class="cds-checkbox__input--green cds-checkbox__input--unchecked"></label></div><label data-v-75623c80="" class="cds-checkbox__label" for="test-2">Teste 2</label>
-      <div data-v-75623c80="" class="cds-checkbox__append">
-        <!-- @slot Slot para renderizar elementos adicionais à direita da etiqueta do checkbox. -->
-      </div>
+      <!--v-if-->
     </div>
   </div>
   <!--v-if-->

From 055a02d7abf03441b41c0676c7e3df5bd7fdd39f Mon Sep 17 00:00:00 2001
From: jvictordev1 <jvictordev1@gmail.com>
Date: Thu, 9 Jul 2026 08:26:28 -0300
Subject: [PATCH 3/3] =?UTF-8?q?refactor:=20melhora=20l=C3=B3gica=20de=20re?=
 =?UTF-8?q?nderiza=C3=A7=C3=A3o=20usando=20somente=20scoped=20slot?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/forms/checkbox-group.md | 22 ++++++++++++----------
 src/components/CheckboxGroup.vue        | 11 ++---------
 src/tests/CheckboxGroup.spec.ts         |  8 ++++++--
 3 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/docs/components/forms/checkbox-group.md b/docs/components/forms/checkbox-group.md
index 6d50cd7ca..fb080fddf 100644
--- a/docs/components/forms/checkbox-group.md
+++ b/docs/components/forms/checkbox-group.md
@@ -20,9 +20,10 @@ CheckboxGroups são componentes de formulário que permitem seleções binárias
 
 ## Uso
 
-### Slot de append com escopo (Scoped Slot)
-Permite customizar o append de todas as opções de forma genérica a partir do objeto `option`:
+### Customização com Slot de Escopo (Scoped Slot)
+O `CheckboxGroup` expõe um único slot com escopo chamado `#append`. Ele permite customizar a área à direita de cada checkbox individual do grupo usando o objeto `option` atual.
 
+#### Exemplo 1: Exibindo um elemento padrão em todas as opções
 ```js
 <CdsCheckboxGroup
 	v-model="value"
@@ -47,7 +48,6 @@ Permite customizar o append de todas as opções de forma genérica a partir do
 >
 	<template #append="{ option }">
 		<CdsBadge
-			v-if="option.value === 'test-2'"
 			variant="red"
 			size="md"
 		>
@@ -57,8 +57,8 @@ Permite customizar o append de todas as opções de forma genérica a partir do
 </CdsCheckboxGroup>
 ```
 
-### Slots de append específicos por opção (Dynamic Slots)
-Permite customizar o append de uma opção específica informando o valor da opção (`value`) no nome do slot:
+#### Exemplo 2: Renderização condicional para opções específicas
+Para customizar de forma exclusiva apenas determinados checkboxes, você pode utilizar a renderização condicional baseada na propriedade `option.value`:
 
 ```js
 <CdsCheckboxGroup
@@ -75,12 +75,14 @@ Permite customizar o append de uma opção específica informando o valor da op
 		},
 	]"
 >
-	<template #append-test-1>
-		<span>Texto exclusivo 1</span>
-	</template>
+	<template #append="{ option }">
+		<span v-if="option.value === 'test-1'">
+			Texto exclusivo 1
+		</span>
 
-	<template #append-test-2>
-		<span>Texto exclusivo 2</span>
+		<span v-if="option.value === 'test-2'">
+			Texto exclusivo 2
+		</span>
 	</template>
 </CdsCheckboxGroup>
 ```
diff --git a/src/components/CheckboxGroup.vue b/src/components/CheckboxGroup.vue
index 2a5bba3e3..930c41e92 100644
--- a/src/components/CheckboxGroup.vue
+++ b/src/components/CheckboxGroup.vue
@@ -23,18 +23,11 @@
 				:variant="variant"
 			>
 				<template
-					v-if="$slots.append || $slots[`append-${option.value}`]"
+					v-if="$slots.append"
 					#append
 				>
-					<!-- @slot Slot para renderizar elementos adicionais à direita de cada checkbox específico utilizando o valor da opção como sufixo (e.g. `append-optionValue`). -->
+					<!-- @slot Slot com escopo para renderizar elementos adicionais à direita de cada checkbox do grupo. -->
 					<slot
-						v-if="$slots[`append-${option.value}`]"
-						:name="`append-${option.value}`"
-						:option="option"
-					/>
-					<!-- @slot Slot genérico com escopo para renderizar elementos adicionais à direita de todos os checkboxes do grupo. -->
-					<slot
-						v-else
 						name="append"
 						:option="option"
 					/>
diff --git a/src/tests/CheckboxGroup.spec.ts b/src/tests/CheckboxGroup.spec.ts
index 7bcca0b92..2987e23cd 100644
--- a/src/tests/CheckboxGroup.spec.ts
+++ b/src/tests/CheckboxGroup.spec.ts
@@ -52,7 +52,7 @@ describe('CheckboxGroup', () => {
 		expect(checkedCheckbox?.vm.modelValue).toBeTruthy();
 	});
 
-	test('renders dynamic append slots for specific checkboxes', async () => {
+	test('renders custom content dynamically using scoped slot and option value', async () => {
 		const wrapper = mount(CheckboxGroup, {
 			props: {
 				modelValue: [],
@@ -69,7 +69,11 @@ describe('CheckboxGroup', () => {
 				],
 			},
 			slots: {
-				'append-test-1': '<span class="custom-append-1">Append 1</span>',
+				append: `
+					<template #append="{ option }">
+						<span v-if="option.value === 'test-1'" class="custom-append-1">Append 1</span>
+					</template>
+				`,
 			},
 		});