From 688c9f8c8c4fe94d90dc5d4692cfb1e38f653a57 Mon Sep 17 00:00:00 2001
From: Weijie Tan <twj3454@hotmail.com>
Date: Thu, 9 Oct 2025 13:20:33 -0400
Subject: [PATCH] feat: allow description in boolean field

---
 src/components/Form/BooleanField/BooleanFieldCheckbox.tsx | 2 ++
 src/components/Form/BooleanField/BooleanFieldRadio.tsx    | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Form/BooleanField/BooleanFieldCheckbox.tsx b/src/components/Form/BooleanField/BooleanFieldCheckbox.tsx
index 94eb3629..87853b0a 100644
--- a/src/components/Form/BooleanField/BooleanFieldCheckbox.tsx
+++ b/src/components/Form/BooleanField/BooleanFieldCheckbox.tsx
@@ -13,6 +13,7 @@ export type BooleanFieldCheckboxProps = Simplify<
 >;
 
 export const BooleanFieldCheckbox = ({
+  description,
   disabled,
   error,
   label,
@@ -36,6 +37,7 @@ export const BooleanFieldCheckbox = ({
           }}
         />
         <Label htmlFor={name}>{label}</Label>
+        <FieldGroup.Description description={description} />
       </FieldGroup.Row>
       <FieldGroup.Error error={error} />
     </FieldGroup>
diff --git a/src/components/Form/BooleanField/BooleanFieldRadio.tsx b/src/components/Form/BooleanField/BooleanFieldRadio.tsx
index a6c45f6a..0cfdd555 100644
--- a/src/components/Form/BooleanField/BooleanFieldRadio.tsx
+++ b/src/components/Form/BooleanField/BooleanFieldRadio.tsx
@@ -24,6 +24,7 @@ export type BooleanFieldRadioProps = Simplify<
 >;
 
 export const BooleanFieldRadio = ({
+  description,
   disabled,
   error,
   label,
@@ -55,11 +56,12 @@ export const BooleanFieldRadio = ({
         value={stringifyBoolean(value)}
         onValueChange={handleValueChange}
       >
+        <FieldGroup.Description description={description} />
         <FieldGroup.Row>
           <RadioGroup.Item id={`${name}-true`} value="true" />
           <Label
             aria-disabled={disabled || readOnly}
-            className="font-normal text-muted-foreground"
+            className="text-muted-foreground font-normal"
             htmlFor={`${name}-true`}
           >
             {options?.true ?? t('form.radioLabels.true')}
@@ -69,7 +71,7 @@ export const BooleanFieldRadio = ({
           <RadioGroup.Item id={`${name}-false`} value="false" />
           <Label
             aria-disabled={disabled || readOnly}
-            className="font-normal text-muted-foreground"
+            className="text-muted-foreground font-normal"
             htmlFor={`${name}-false`}
           >
             {options?.false ?? t('form.radioLabels.false')}