fix: pass checkbox state in onFocus and onBlur callbacks

Updates all CheckboxWidget implementations to use the actual checked state
from the event target in onFocus and onBlur handlers instead of the
component's value prop.

This ensures callbacks receive the current checkbox state rather than
potentially stale values from the component props.

Author: chathuraa

packages/daisyui/src/widgets/CheckboxWidget/CheckboxWidget.tsx

@@ -42,19 +42,25 @@ export default function CheckboxWidget<
 
   /** Handle focus events
    */
-  const handleFocus = useCallback(() => {
-    if (onFocus) {
-      onFocus(id, value);
-    }
-  }, [onFocus, id, value]);
+  const handleFocus = useCallback(
+    (event: FocusEvent<HTMLInputElement>) => {
+      if (onFocus) {
+        onFocus(id, event.target.checked);
+      }
+    },
+    [onFocus, id],
+  );
 
   /** Handle blur events
    */
-  const handleBlur = useCallback(() => {
-    if (onBlur) {
-      onBlur(id, value);
-    }
-  }, [onBlur, id, value]);
+  const handleBlur = useCallback(
+    (event: FocusEvent<HTMLInputElement>) => {
+      if (onBlur) {
+        onBlur(id, event.target.checked);
+      }
+    },
+    [onBlur, id],
+  );
 
   /** Handle change events
    *

packages/primereact/src/CheckboxWidget/CheckboxWidget.tsx

@@ -47,10 +47,10 @@ export default function CheckboxWidget<
   );
 
   const required = schemaRequiresTrueValue<S>(schema);
-  const _onChange = (e: CheckboxChangeEvent) => onChange && onChange(e.checked);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
   const checked = value === 'true' || value === true;
+  const _onChange = (e: CheckboxChangeEvent) => onChange && onChange(e.checked);
+  const _onBlur = (e: FocusEvent<HTMLInputElement>) => onBlur && onBlur(id, e.target.checked);
+  const _onFocus = (e: FocusEvent<HTMLInputElement>) => onFocus && onFocus(id, e.target.checked);
   const description = options.description ?? schema.description;
   const primeProps = (options.prime || {}) as object;
 

packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.tsx

@@ -58,10 +58,10 @@ export default function CheckboxWidget<
   // the "required" attribute if the field value must be "true", due to the
   // "const" or "enum" keywords
   const required = schemaRequiresTrueValue<S>(schema);
-  const _onChange = (_: FormEvent<HTMLInputElement>, data: CheckboxProps) => onChange && onChange(data.checked);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
   const checked = value == 'true' || value == true;
+  const _onChange = (_: FormEvent<HTMLInputElement>, data: CheckboxProps) => onChange && onChange(data.checked);
+  const _onBlur = (event: FocusEvent<HTMLInputElement>) => onBlur && onBlur(id, event.currentTarget.checked);
+  const _onFocus = (event: FocusEvent<HTMLInputElement>) => onFocus && onFocus(id, event.currentTarget.checked);
   const description = options.description ?? schema.description;
 
   return (