From 2962480a85501dd4ac0288389bfa79b4ce4fdbcc Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Tue, 22 Jul 2025 16:49:51 +0200
Subject: [PATCH 01/17] =?UTF-8?q?=F0=9F=92=84=20Adding=20the=20style=20of?=
 =?UTF-8?q?=20the=20primevue=20checkbox=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/primevue-style/checkbox.css | 32 ++++++++
 src/components/checkbox/IVCheckbox.type.ts   | 84 ++++++++++++++++++++
 2 files changed, 116 insertions(+)
 create mode 100644 src/assets/style/primevue-style/checkbox.css
 create mode 100644 src/components/checkbox/IVCheckbox.type.ts

diff --git a/src/assets/style/primevue-style/checkbox.css b/src/assets/style/primevue-style/checkbox.css
new file mode 100644
index 0000000..635532a
--- /dev/null
+++ b/src/assets/style/primevue-style/checkbox.css
@@ -0,0 +1,32 @@
+:root{
+  /* size */
+  --p-checkbox-width: 1.5rem;
+  --p-checkbox-height: 1.5rem;
+  --p-checkbox-sm-width: 1rem;
+  --p-checkbox-sm-height: 1rem;
+  /* border */
+  --p-checkbox-border-radius: 0px;
+  --p-checkbox-border-color: var(--border-action-high-blue-france);
+  --p-checkbox-hover-border-color: var(--border-action-high-blue-france);
+  /* background */
+  --p-checkbox-background: var(--background-default-grey);
+  /* icon */
+  --p-checkbox-icon-size: 1rem;
+  --p-checkbox-icon-sm-size: 1rem;
+  --p-checkbox-icon-color: var(--background-default-grey);
+  /* focus */
+  --p-checkbox-checked-focus-border-color: var(--border-action-high-blue-france);
+  --p-checkbox-focus-border-color: var(--border-action-high-blue-france);
+  --p-checkbox-focus-ring-color: var(--focus-color);
+  --p-checkbox-focus-ring-width: var(--focus-width);
+  --p-checkbox-focus-ring-style: var(--focus-style);
+  --p-checkbox-focus-ring-offset: var(--focus-offset);
+  /* checked */
+  --p-checkbox-checked-border-color: var(--border-action-high-blue-france);
+  --p-checkbox-checked-background: var(--border-active-blue-france);
+  --p-checkbox-icon-checked-color: var(--background-default-grey);
+  /* checked:hover */
+  --p-checkbox-icon-checked-hover-color: var(--background-default-grey);
+  --p-checkbox-checked-hover-border-color: var(--border-action-high-blue-france);
+  --p-checkbox-checked-hover-background: var(--border-active-blue-france);
+}
diff --git a/src/components/checkbox/IVCheckbox.type.ts b/src/components/checkbox/IVCheckbox.type.ts
new file mode 100644
index 0000000..31916fe
--- /dev/null
+++ b/src/components/checkbox/IVCheckbox.type.ts
@@ -0,0 +1,84 @@
+/**
+ * Interface representing the props for a CheckBox Vue component.
+ */
+export default interface ICheckBox {
+  /**
+   * The unique identifier for the checkbox element.
+   */
+  id?: string;
+
+  /**
+   * The name attribute for the checkbox input.
+   */
+  name?: string;
+
+  /**
+   * Indicates whether the checkbox is required in a form.
+   */
+  required?: boolean;
+
+  /**
+   * The value associated with the checkbox.
+   */
+  value?: unknown;
+
+  /**
+   * Whether the checkbox is initially checked.
+   */
+  checked?: boolean;
+
+  /**
+   * The bound value of the checkbox, can be a boolean or an array of values.
+   */
+  modelValue: Array<unknown> | boolean;
+
+  /**
+   * If true, renders the checkbox in a smaller size.
+   */
+  small?: boolean;
+
+  /**
+   * If true, displays the checkbox inline with other elements.
+   */
+  inline?: boolean;
+
+  /**
+   * If true, the checkbox is read-only and cannot be changed by the user.
+   */
+  readonly?: boolean;
+
+  /**
+   * Opacity level applied when the checkbox is read-only.
+   */
+  readonlyOpacity?: number;
+
+  /**
+   * The label text displayed next to the checkbox.
+   */
+  label?: string;
+
+  /**
+   * The error message shown when validation fails.
+   */
+  errorMessage?: string;
+
+  /**
+   * The message shown when the checkbox input is valid.
+   */
+  validMessage?: string;
+
+  /**
+   * Additional hint or helper text displayed below the checkbox.
+   */
+  hint?: string;
+
+  /**
+   * If true, disables the checkbox input.
+   */
+  disabled?: boolean;
+
+  /**
+   * Visual style of the checkbox, can be 'normal', 'error', or 'success'.
+   */
+  type?: 'normal' | 'error' | 'success';
+}

From 6742d0c39cf266a76e7278869e2da18dbf0b7f53 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Tue, 22 Jul 2025 16:50:42 +0200
Subject: [PATCH 02/17] =?UTF-8?q?=F0=9F=92=84=20Update=20the=20primevue=20?=
 =?UTF-8?q?configuration=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/primevue-configuration.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/assets/style/primevue-configuration.css b/src/assets/style/primevue-configuration.css
index 1ae4ed8..c381491 100644
--- a/src/assets/style/primevue-configuration.css
+++ b/src/assets/style/primevue-configuration.css
@@ -7,3 +7,4 @@
 @import './primevue-style/divider.css';
 @import './primevue-style/various.css';
 @import './primevue-style/form.css';
+@import './primevue-style/checkbox.css';

From b4bcca9abac2fe4aa1842b113acd83083d160a1e Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Tue, 22 Jul 2025 16:54:29 +0200
Subject: [PATCH 03/17] =?UTF-8?q?=F0=9F=8F=B7=EF=B8=8F=20=20Updated=20chec?=
 =?UTF-8?q?kbox=20component=20interface=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/IVCheckbox.type.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/checkbox/IVCheckbox.type.ts b/src/components/checkbox/IVCheckbox.type.ts
index 31916fe..6b82ce3 100644
--- a/src/components/checkbox/IVCheckbox.type.ts
+++ b/src/components/checkbox/IVCheckbox.type.ts
@@ -1,7 +1,7 @@
 /**
  * Interface representing the props for a CheckBox Vue component.
  */
-export default interface ICheckBox {
+export default interface IVCheckBox {
   /**
    * The unique identifier for the checkbox element.
    */

From 25a00d7c579649d6c4524376b0784ec9fc167478 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 08:54:44 +0200
Subject: [PATCH 04/17] =?UTF-8?q?=E2=9C=A8=20feature:=20Checkbox=20compone?=
 =?UTF-8?q?nt=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/VCheckbox.vue | 143 ++++++++++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 src/components/checkbox/VCheckbox.vue

diff --git a/src/components/checkbox/VCheckbox.vue b/src/components/checkbox/VCheckbox.vue
new file mode 100644
index 0000000..89c3c6d
--- /dev/null
+++ b/src/components/checkbox/VCheckbox.vue
@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import Checkbox from 'primevue/checkbox';
+import VLabel from '../label/VLabel.vue';
+import VHint from '../hint/VHint.vue';
+import type IVCheckBox from './IVCheckbox.type';
+import { useId, computed } from 'vue';
+
+const props = withDefaults(defineProps<IVCheckBox>(), {
+  id: () => useId(),
+  hint: '',
+  errorMessage: '',
+  validMessage: '',
+  label: '',
+  small: false,
+  modelValue: false,
+  readonlyOpacity: 0.75,
+});
+
+
+const size = computed(() => props.small ? 'small' : undefined)
+const message = computed(() => props.errorMessage || props.validMessage)
+
+const typeMessage = computed(() => {
+  if (props.errorMessage) return 'alert';
+  else if (props.validMessage) return 'success';
+  else return undefined
+});
+
+const binary = computed(() => Array.isArray(props.modelValue) ? undefined : props.modelValue)
+
+const labelState = computed(() => {
+  if((!!props.errorMessage || props.type === 'error') && !props.disabled) return 'error';
+  else if((!!props.validMessage || props.type === 'success') && !props.disabled) return 'success';
+  else return 'default';
+})
+</script>
+
+<template>
+<div class="checkbox-container">
+  <div class="header">
+    <Checkbox
+      :id="props.id"
+      :name="name"
+      :value="value"
+      :size="size"
+      :required="required"
+      :readonly="readonly"
+      :data-testid="`input-checkbox-${id}`"
+      :data-test="`input-checkbox-${id}`"
+      :tabindex="readonly ? -1 : undefined"
+      v-bind="$attrs"
+      :disabled="disabled"
+      :label="props.label"
+      :model-value="modelValue"
+      :binary="binary"
+      :class="['p-checkbox', {
+        'checked-disabled': props.modelValue && disabled,
+        'unchecked-disabled': !props.modelValue && disabled,
+        'error': (!!props.errorMessage || type === 'error') && !disabled,
+        'success': (!!props.validMessage || type === 'success') && !disabled,
+      }]"
+    />
+    <VLabel
+      :for="props.id"
+      :label="props.label"
+      :required="props.required"
+      :disabled="props.disabled"
+      :hint="props.hint"
+      :type="labelState"
+      class="label-container"
+    >
+      <template #required-type v-if="props.required">
+        <slot name="required-type"/>
+      </template>
+    </VLabel>
+  </div>
+  <div
+    v-if="message && !disabled"
+    aria-live="assertive"
+    role="alert"
+  >
+      <VHint :title="message" :type="typeMessage" icon/>
+  </div>
+</div>
+</template>
+
+<style scoped>
+.container.readonly {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: v-bind('readonlyOpacity');
+}
+
+.checkbox-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 0.125rem;
+  align-self: stretch;
+}
+
+.header{
+  display: flex;
+  flex-direction: row;
+  align-items: start;
+  gap: 0.5rem;
+  padding: 0px;
+}
+
+.p-checkbox{margin-top: 0.5rem;}
+
+.required {color: var(--minor-red-marianne);}
+
+.p-checkbox.checked-disabled {
+  --p-checkbox-disabled-background: var(--background-disabled-grey);
+  --p-checkbox-checked-disabled-border-color: var(--border-disabled-grey);
+  --p-checkbox-icon-disabled-color: var(--text-disabled-grey);
+}
+
+.p-checkbox.unchecked-disabled {
+  --p-checkbox-disabled-background: var(--background-default-grey);
+  --p-checkbox-checked-disabled-border-color: var(--border-disabled-grey);
+}
+
+.p-checkbox.success {
+  --p-checkbox-border-color: var(--border-plain-success);
+  --p-checkbox-hover-border-color: var(--border-plain-success);
+  --p-checkbox-focus-border-color: var(--border-plain-success);
+  --p-checkbox-checked-border-color: var(--border-plain-success);
+  --p-checkbox-checked-hover-border-color: var(--border-plain-success);
+  outline: var(--border-width) solid var(--p-checkbox-border-color);
+}
+
+.p-checkbox.error {
+  --p-checkbox-border-color: var(--border-plain-error);
+  --p-checkbox-hover-border-color: var(--border-plain-error);
+  --p-checkbox-focus-border-color: var(--border-plain-error);
+  --p-checkbox-checked-border-color: var(--border-plain-error);
+  --p-checkbox-checked-hover-border-color: var(--border-plain-error);
+  outline: var(--border-width) solid var(--p-checkbox-border-color);
+}
+</style>

From 5c89228564f13e3281ce27f67798a30450aef34f Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 09:52:43 +0200
Subject: [PATCH 05/17] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refaco:=20require?=
 =?UTF-8?q?d-tip=20slot=20improved?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/VCheckbox.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/checkbox/VCheckbox.vue b/src/components/checkbox/VCheckbox.vue
index 89c3c6d..c727762 100644
--- a/src/components/checkbox/VCheckbox.vue
+++ b/src/components/checkbox/VCheckbox.vue
@@ -69,8 +69,8 @@ const labelState = computed(() => {
       :type="labelState"
       class="label-container"
     >
-      <template #required-type v-if="props.required">
-        <slot name="required-type"/>
+      <template #required-tip v-if="props.required">
+        <slot name="required-tip"/>
       </template>
     </VLabel>
   </div>

From 8b138d905eb26f6498af797f963df07ecb72de65 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 09:53:34 +0200
Subject: [PATCH 06/17] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refactor:=20requi?=
 =?UTF-8?q?red-tip=20slot=20improved?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/label/VLabel.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/label/VLabel.vue b/src/components/label/VLabel.vue
index ae1cd1e..10a1144 100644
--- a/src/components/label/VLabel.vue
+++ b/src/components/label/VLabel.vue
@@ -24,12 +24,11 @@ const props = withDefaults(defineProps<IVLabel>(), {
     :aria-disabled="props.disabled"
   >
     {{ props.label }}
-    <slot name="required-type">
-      <span
-        v-if="props.required"
-        :class="{ 'required': props.required }"
-      >*</span>
-    </slot>
+    <template v-if="props.required">
+      <span v-if="props.required" :class="{ 'required': !props.disabled}">
+        <slot name="required-tip">*</slot>
+      </span>
+    </template>
     <VHint
       v-if="props.hint"
       :title="props.hint"
@@ -43,5 +42,8 @@ const props = withDefaults(defineProps<IVLabel>(), {
 .success {color: var(--text-default-success);}
 .error {color: var(--text-default-error);}
 .disabled {color: var(--text-disabled-grey);}
-.required {color: var(--minor-red-marianne);}
+.required {
+  color: var(--minor-red-marianne);
+  display: inline;
+}
 </style>

From f3e6a540cef3b36f904b2ec85c2ff351b460b10b Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 10:23:22 +0200
Subject: [PATCH 07/17] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refactor:=20Compo?=
 =?UTF-8?q?nent=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/hint/VHint.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/hint/VHint.vue b/src/components/hint/VHint.vue
index 455181a..1a3b039 100644
--- a/src/components/hint/VHint.vue
+++ b/src/components/hint/VHint.vue
@@ -39,21 +39,28 @@ const severity = computed(() => {
   <Message
     variant="simple"
     :severity="severity"
+    class="p-message"
     :class="[styles['text-body-XS-mention-text-Regular'], {'disabled': props.disabled }]"
-    :icon="props.icon ? iconClass: undefined"
     :closable="false"
     size="small"
     role="alert"
   >
     {{ props.title }}
+    <template #icon v-if="props.icon">
+      <i :class="[iconClass]" style="font-size: var(--text-body-SM-detail-text-Regular-size);"></i>
+    </template>
   </Message>
 </template>
 
 <style scoped>
 .p-message.disabled {color: var(--text-disabled-grey);}
 
-.p-message-icon{
+.p-message {
   display: flex;
-  align-items: center;
+  flex-direction: row;
+  align-items: baseline;
+  padding: 0px;
+  gap: var(--p-message-content-gap);
+  height: 100%;
 }
 </style>

From fb93a3e353a25db2cfe058a76e1b54bca94ba769 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 10:26:22 +0200
Subject: [PATCH 08/17] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refactor:=20Compo?=
 =?UTF-8?q?nent=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/VCheckbox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/checkbox/VCheckbox.vue b/src/components/checkbox/VCheckbox.vue
index c727762..92a173a 100644
--- a/src/components/checkbox/VCheckbox.vue
+++ b/src/components/checkbox/VCheckbox.vue
@@ -96,7 +96,7 @@ const labelState = computed(() => {
   display: flex;
   flex-direction: column;
   align-items: start;
-  gap: 0.125rem;
+  gap: 0.5rem;
   align-self: stretch;
 }
 

From 2c4a134152ae6df1a4f4cf8e84cddbfd642f657d Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 11:04:30 +0200
Subject: [PATCH 09/17] =?UTF-8?q?=E2=9C=A8=20feature:=20emit=20handled?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/VCheckbox.vue | 31 ++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/components/checkbox/VCheckbox.vue b/src/components/checkbox/VCheckbox.vue
index 92a173a..1c1cfc2 100644
--- a/src/components/checkbox/VCheckbox.vue
+++ b/src/components/checkbox/VCheckbox.vue
@@ -3,7 +3,7 @@ import Checkbox from 'primevue/checkbox';
 import VLabel from '../label/VLabel.vue';
 import VHint from '../hint/VHint.vue';
 import type IVCheckBox from './IVCheckbox.type';
-import { useId, computed } from 'vue';
+import { useId, computed, watch, ref } from 'vue';
 
 const props = withDefaults(defineProps<IVCheckBox>(), {
   id: () => useId(),
@@ -16,7 +16,6 @@ const props = withDefaults(defineProps<IVCheckBox>(), {
   readonlyOpacity: 0.75,
 });
 
-
 const size = computed(() => props.small ? 'small' : undefined)
 const message = computed(() => props.errorMessage || props.validMessage)
 
@@ -33,6 +32,26 @@ const labelState = computed(() => {
   else if((!!props.validMessage || props.type === 'success') && !props.disabled) return 'success';
   else return 'default';
 })
+
+const emit = defineEmits([
+  'update:modelValue',
+  'value-change',
+  'change',
+  'focus',
+  'blur'
+])
+
+const localModelValue = ref(props.modelValue);
+watch(() => props.modelValue, (newVal) => {
+    if(localModelValue.value !== newVal){
+        localModelValue.value = newVal;
+    }
+})
+watch(localModelValue, (newVal) => {
+    if(props.modelValue !== newVal){
+        emit('update:modelValue', newVal);
+    }
+});
 </script>
 
 <template>
@@ -51,14 +70,20 @@ const labelState = computed(() => {
       v-bind="$attrs"
       :disabled="disabled"
       :label="props.label"
-      :model-value="modelValue"
       :binary="binary"
+      :aria-label="props.label"
       :class="['p-checkbox', {
         'checked-disabled': props.modelValue && disabled,
         'unchecked-disabled': !props.modelValue && disabled,
         'error': (!!props.errorMessage || type === 'error') && !disabled,
         'success': (!!props.validMessage || type === 'success') && !disabled,
       }]"
+      v-model:model-value="localModelValue"
+      @update:model-value="emit('update:modelValue', $event)"
+      @change="emit('change', $event)"
+      @blur="emit('blur', $event)"
+      @focus="emit('focus', $event)"
+      @value-change="emit('value-change', $event)"
     />
     <VLabel
       :for="props.id"

From 288008e5d9c4020e6bb15566ae2b9d0fa75d3508 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:29:06 +0200
Subject: [PATCH 10/17] =?UTF-8?q?=F0=9F=8F=B7=EF=B8=8F=20=20Updated=20chec?=
 =?UTF-8?q?kbox=20component=20interface=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/IVCheckbox.type.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/checkbox/IVCheckbox.type.ts b/src/components/checkbox/IVCheckbox.type.ts
index 6b82ce3..ed4f537 100644
--- a/src/components/checkbox/IVCheckbox.type.ts
+++ b/src/components/checkbox/IVCheckbox.type.ts
@@ -81,4 +81,9 @@ export default interface IVCheckBox {
    * Visual style of the checkbox, can be 'normal', 'error', or 'success'.
    */
   type?: 'normal' | 'error' | 'success';
+
+  /**
+   * If true, the checkbox operates in binary mode (boolean value).
+   */
+  binary?: boolean;
 }

From 9af82a2bd0e67a26d7633566a2b5325b2fedff69 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:39:02 +0200
Subject: [PATCH 11/17] =?UTF-8?q?=E2=9C=A8=20feature:=20Binary=20mode=20ad?=
 =?UTF-8?q?ded?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/checkbox/VCheckbox.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/checkbox/VCheckbox.vue b/src/components/checkbox/VCheckbox.vue
index 1c1cfc2..9992c58 100644
--- a/src/components/checkbox/VCheckbox.vue
+++ b/src/components/checkbox/VCheckbox.vue
@@ -25,7 +25,11 @@ const typeMessage = computed(() => {
   else return undefined
 });
 
-const binary = computed(() => Array.isArray(props.modelValue) ? undefined : props.modelValue)
+const binary = computed(() => {
+  if (typeof props.binary === 'boolean') return props.binary;
+  return typeof props.modelValue === 'boolean';
+});
+
 
 const labelState = computed(() => {
   if((!!props.errorMessage || props.type === 'error') && !props.disabled) return 'error';

From 1a5f258346d61228030169d0b32bc43fcd5b3ee3 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:40:22 +0200
Subject: [PATCH 12/17] =?UTF-8?q?=E2=9C=85=20test:=20added=20test=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/VCheckbox.spec.ts | 98 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 98 insertions(+)
 create mode 100644 test/VCheckbox.spec.ts

diff --git a/test/VCheckbox.spec.ts b/test/VCheckbox.spec.ts
new file mode 100644
index 0000000..acce989
--- /dev/null
+++ b/test/VCheckbox.spec.ts
@@ -0,0 +1,98 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import VCheckbox from '../src/components/checkbox/VCheckbox.vue'
+import PrimeCheckbox from 'primevue/checkbox'
+
+const globalConfig = {
+  global: {
+    components: {
+      Checkbox: PrimeCheckbox
+    },
+    mocks: {
+      $primevue: {
+        config: {}
+      }
+    },
+    stubs: {
+      VLabel: true,
+      VHint: true,
+    }
+  }
+}
+
+describe('VCheckbox.vue', () => {
+  it('adds value to modelValue array when checkbox is clicked (multiple mode)', async () => {
+    const wrapper = mount(VCheckbox, {
+      props: {
+        label: 'Fruit',
+        modelValue: [],
+        value: 'pomme'
+      },
+      global: globalConfig.global
+    });
+
+    const input = wrapper.find('input[type="checkbox"]');
+    await input.setValue(true);
+
+    const emitted = wrapper.emitted('update:modelValue');
+    expect(emitted).toBeTruthy();
+    expect(emitted?.[0]?.[0]).toContain('pomme');
+  });
+
+  it('removes value from modelValue array when checkbox is unchecked (multiple mode)', async () => {
+    const wrapper = mount(VCheckbox, {
+      props: {
+        label: 'Fruit',
+        modelValue: ['pomme'],
+        value: 'pomme'
+      },
+      global: globalConfig.global
+    });
+
+    const input = wrapper.find('input[type="checkbox"]');
+    await input.setValue(false);
+
+    const emitted = wrapper.emitted('update:modelValue');
+    expect(emitted).toBeTruthy();
+    expect(emitted?.[0]?.[0]).not.toContain('pomme');
+  });
+
+  it('emits change, focus and blur events', async () => {
+    const wrapper = mount(VCheckbox, {
+      props: {
+        label: 'Test Checkbox',
+        modelValue: false
+      },
+      global: globalConfig.global
+    });
+    const input = wrapper.find('input[type="checkbox"]');
+    await input.trigger('focus');
+    await input.trigger('blur');
+    await input.trigger('change');
+    expect(wrapper.emitted('focus')).toBeTruthy();
+    expect(wrapper.emitted('blur')).toBeTruthy();
+    expect(wrapper.emitted('change')).toBeTruthy();
+  });
+
+  it('applies error and success classes based on props', () => {
+    const errorWrapper = mount(VCheckbox, {
+      props: {
+        label: 'Error Checkbox',
+        modelValue: false,
+        errorMessage: 'Error occurred'
+      },
+      global: globalConfig.global
+    });
+    expect(errorWrapper.find('.p-checkbox.error').exists()).toBe(true);
+
+    const successWrapper = mount(VCheckbox, {
+      props: {
+        label: 'Success Checkbox',
+        modelValue: true,
+        validMessage: 'Valid input'
+      },
+      global: globalConfig.global
+    });
+    expect(successWrapper.find('.p-checkbox.success').exists()).toBe(true);
+  });
+});

From 4fcb8c6ba44405770f0726b79d41b3357bb20076 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:41:10 +0200
Subject: [PATCH 13/17] Display some checkbox components

---
 src/App.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 42b178a..e582a0d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,8 @@
 // import VButtonGroupView from '../template/VButtonGroupView.vue';
 // import VLinkView from '../template/VLinkView.vue';
 // import VAccordionView from '../template/VAccordionView.vue';
-import VInputView from '../template/VInputView.vue';
+// import VInputView from '../template/VInputView.vue';
+import VCheckboxView from '../template/VCheckboxView.vue';
 </script>
 
 
@@ -12,5 +13,6 @@ import VInputView from '../template/VInputView.vue';
   <!-- <VButtonGroupView/> -->
    <!-- <VLinkView/> -->
     <!-- <VAccordionView/> -->
-  <VInputView/>
+  <!-- <VInputView/> -->
+   <VCheckboxView/>
 </template>

From 4fda9c4ecf83229f90c2f43714424775eacebc02 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:43:05 +0200
Subject: [PATCH 14/17] 1.0.5 -> 1.0.6

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

diff --git a/package.json b/package.json
index e69ad57..4db8cd9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cellule-financiere-pmo/visua-vue",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 31c560ea028db99ed56cd71a151d3dc913b31211 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:43:20 +0200
Subject: [PATCH 15/17] 1.0.5 -> 1.0.6

---
 package-lock.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 696bb58..eb36326 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@cellule-financiere-pmo/visua-vue",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@cellule-financiere-pmo/visua-vue",
-      "version": "1.0.5",
+      "version": "1.0.6",
       "license": "ISC",
       "dependencies": {
         "@cellule-financiere-pmo/visua": "1.1.3",

From aa50024d64d9732f070598fb2982d39c88869f13 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:43:58 +0200
Subject: [PATCH 16/17] =?UTF-8?q?=F0=9F=93=9D=20docs:=20README=20file=20up?=
 =?UTF-8?q?dated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1e65271..6872d61 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
 # visua-vue
 
-**Current version: v1.0.5**
\ No newline at end of file
+**Current version: v1.0.6**
\ No newline at end of file

From 4c796bc74cb771be309237e4c287712c02f3e260 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 12:52:07 +0200
Subject: [PATCH 17/17] =?UTF-8?q?=F0=9F=93=9D=20docs:=20Updated=20CHANGELO?=
 =?UTF-8?q?G=20file?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 08334de..caf21dd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.6] - 2025-07-23
+### Added
+- Checkbox component
+
+### Fixed
+- VLabel `required-tip` slot
+- VHint UI style
+
 ## [1.0.5] - 2025-07-22
 ### Added
 - Input component